2 
<div style="width: 400px; height: 150px; background-color: red">LOGO</div>
<div style="width: 200px; height: 1000px; float: left">sfsdf </div>
<div>sdad</div>

http://jsfiddle.net/AuT7n/

我如何将这三个 div 集中在所有浏览器上？

4

2 回答 2

3

你需要一个额外的 div 来保存底部的两个。

<div class="centre" style="width: 400px; height: 150px; background-color: red">LOGO</div>
<div class="centre" style="width: 400px; height: 1000px; ">
   <div style="width: 200px; height: 1000px; float: left; background-color: green">sfsdf </div>
   <div style="width: 200px; height: 1000px; float: right; background-color: purple">sdad</div>
</div>

风格：

div.centre {
margin-left:auto;
margin-right:auto;
display:block;    
}
于 2012-06-07T19:32:06.110 回答
1 
div {
margin-left:auto;
margin-right:auto;
display:block;    
}

如果您还希望仅文本 div 居中，则需要添加

text-align:center;

当您有 float:left; 时，这也无法正常工作；在。因为你告诉它浮动到左边并同时居中。

http://jsfiddle.net/AuT7n/7/

于 2012-06-07T19:25:09.020 回答