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-itis-y。这是应该能够使用盒子模型实现的。

无论如何都可以在不添加div的情况下执行此操作吗？

Answer 1

body已经拉伸了页面的宽度，因此只需使用那个内部div

类似

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

和

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

这就是div的意图。

现在，根据内容以及您是否使用HTML5，您可能希望将其全部包含在另一个元素标记中，例如header，nav，section等

但使用div，甚至是嵌套的，没有任何内在错误。