整頁寬度邊框，居中內容，最佳方式？

我正在處理的很多設計都要求頁面居中，我使用margin：0 auto;寬度：955;整頁寬度邊框，居中內容，最佳方式？

每個主要部分都有一個具有底部邊框的div，在此佈局中屏幕中央的寬度爲955。

但是我希望實際邊框是頁面的整個寬度。

乾淨地做到這一點的最佳方法是什麼？我一直在做與StackOverflow用於頁腳相同的方式，但如果我有一個似乎凌亂的頁面上的3個邊框？

2010-02-17 ddd

如果你想有幾個部分被打破了橫跨全寬邊框，你更好的選擇是如下構建的頁面：

<body> 
    <div id="container" style="width: 100%;"> 
    <div style="width:100%;border-top:1px solid black;"> 
     <div style="width:955px; margin:0 auto;"> 
      Section 1 Content 
     </div> 
    </div> 
    <div style="width:100%;border-top:1px solid black;"> 
     <div style="width:955px; margin:0 auto;"> 
      Section 2 Content 
     </div> 
    </div> 
    <div style="width:100%;border-top:1px solid black;"> 
     <div style="width:955px; margin:0 auto;"> 
      Section 3 Content 
     </div> 
    </div> 
    </div> 
    <div id="footer" style="border-top: 1px solid black;"> 
    Footer Content 
    </div> 
</body>

爲了使您的生活更輕鬆，我強烈建議用類名替換內聯樣式並使用外部樣式表。這樣，您可以給每個部分使用相同的類名並只寫一次樣式。

來源

2010-02-17 15:13:25

整頁寬度邊框，居中內容，最佳方式？

回答

相關問題