试图使页面居中

Question

之前从未尝试过这样做。

我试图将整个页面居中。

一些代码：

body{
margin:0;
padding:0;
color:#333333;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size:0.85em;
}

#container{
width:960px;
float:left;
margin:0 auto;
}

那有什么不对吗？ 任何人都有任何一般性问题吗？

Answer 1

您必须从float: left移除#container。除此之外，没关系。

Answer 2

float:left不应该在那里。如果您在容器中显示浮动元素时遇到问题，则可能需要添加overflow: hidden;，以便容器在其中包含子项时展开。

对于较旧版本的IE（低于7），不支持margin: 0 auto：将text-align: center;添加到您的正文，text-align: left;添加到您的容器中以解决此问题。