日期:2014-05-16  浏览次数:20310 次

居中问题
为什么我在body那里设置了body{ margin: 0 auto;} 还是不居中?下面其他样式设置了float:left;我怀疑是这个的问题,但是我又想用float,又想居中怎么办?

------解决方案--------------------
不是很明白你的需要,用一个大的div包住让它居中不就可以?div里面的元素在float:left.
------解决方案--------------------
HTML code

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>    
        <style>
            body {
                width:980px;
                margin:0 auto;
            }
            div {
                float:left;
                width:100%;
                border:1px solid red;
            }
        </style>        
    </head>
    <body>
        <div>123</div>
    </body>
</html>

------解决方案--------------------
margin:0 auto;
这个居中的前提是必须有宽度
比如:body{ width:1002px; margin:0 auto;}

------解决方案--------------------
当你用 float:left 去弥补页面问题的时候,这个页面已经有问题了。
就如:用一个谎言去验证另一个谎言,得到的肯定是一个谎言。

margin:0 auto; 居中这是有前提条件的:
1. dtd必须抒写。
2. 有宽度。

float:left,是把块元素浮动,他后边的元素不管float,不float都会同在一行。但会影响兄弟元素。