集装箱不会居中......无法解决问题

时间:2012-04-05 15:17:10

标签: html css

这应该是将容器放在页面中心的一个非常简单的过程。

<style type="text/css">
    body{
       margin: 0;
       padding: 0;
    }
    #container{
       width:960px;
       float:left;
       margin:0 auto;
    }
</style>
...
<div id="container">
   Content
</div>

有谁可以告诉我container为什么不居中?

由于

2 个答案:

答案 0 :(得分:6)

margin:0 auto;左右自动保证金,这将使其成为中心。

如果由于float:left;

而无法居中

答案 1 :(得分:2)

你的意思是“不是出现”吗?

text-align:center;上设置body,然后从float:left;移除#container