CSS-Div填充“除z像素外的所有像素”

Question

我有一個div，它需要在整個頁面上延伸整個方向，但是實際內容應該僅是z像素寬且居中。 也就是說，文本不是居中，而是內容所在的區域-div的內部（如果需要的話）是居中的。

邏輯方法是執行以下操作：

<div>
<!--I stretch across the entire page!-->
 <div>
 <!--I am z pixels wide, and my margins are auto. Content goes here.-->
 </div>
</div>

唯一的問題是，它看起來確實很復雜。 使用盒子模型應該可以實現這一點。

無論如何，不添加div就能做到這一點？

Answer 1

body已經拉伸了頁面的寬度，因此只需使用一個內部div

就像是

<body>
    <div></div>
</body>

和

div{
    width:980px;
    margin:0 auto;
}

這就是div的作用。

現在，根據內容以及是否使用HTML5，您可能希望將其全部包裝在另一個元素標簽中，例如header ， nav ， section等。

但是使用div ，即使是嵌套的，也沒有本質上的錯誤。