我试图仅使用 CSS 将我的整个页面居中，事实证明它比我最初预期的要复杂。目前我的代码在 IE 中工作，但在 Firefox 中不工作，这改变了。页面可见here .下面是涉及的代码部分:
#wrap {
width: 960px;
margin: 0 auto;
padding: 6px;
background: #FFFFFF;
}
我的 HTML 的结构是:
<body>
<div id="wrap">
Gubbins in here.
</div>
</body>
似乎在 Firefox 中，包裹 div 之后的所有内容都是在其外部创建的。如果我将“float: left”添加到 wrap div，那么问题就解决了，但显然所有内容都向左浮动而不是居中。
如有任何帮助，我们将不胜感激。
最佳答案
将您的标记更改为
<body>
<div id="wrap">
Gubbins in here.
</div>
</body>
编辑:查看链接，您已经完成了。您需要添加 overflow:auto; #wrap 或在 wrap div 的结束标记之前的末尾添加一个清除 div。
此外，在您的示例页面上，包装 div 缺少其结束标记。
关于html - 使用 CSS 将整个页面居中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/403736/