-1

是什么导致以下内容无法将整个页面居中？

  <html>

    <style type="text/css">
    .col {
        width: 250px; 
        float: left
    }
    </style>

    <body>

    <div style="width=500px;margin:0 auto;">

    <p style="float:left;text-align:right;width:120px;line-height: 26px;">

</p>

<p style="float:left;width:150px;margin-left:20px;">

</p>

<div style="clear:both;"></div>

<div class="col">
<p>

</p>
</div>

<div class="col">
<p>

</p>
</div>

</div>

</body>

</html>
4

2 回答 2

3

应该width:500px不是width=500px。

您正在使用内联样式，这是一种不好的做法。

写这个：

.wrapper{width:500px;margin:0 auto;background:#eee;}

在这里拉小提琴。

于 2013-11-12T04:24:51.037 回答
0

我认为一个原因是因为你的大部分divs 都是浮动的。如果您浮动所有内容然后使用margin: 0 auto;它将无效，因为浮动属性。您是否尝试制作某个列布局（2 或 3）？

尝试使用 div 创建列并将它们与浮动属性适当对齐

于 2013-11-12T04:49:14.283 回答