Question

css+div布局问题

我想要这中布局

1居中
2居中
3居中
4在3的右侧

Answer 1

<div style="margin: auto; width: 500px;">
<div style="width: 150px;height: 50px;background: lightyellow;margin: auto;line-height: 50px;font-size:25px;text-align: center">baidu</div>
<div style="width: 500px;height: 50px;background: orange;margin:auto">1234455556</div>
<div style="width: 400px;height: 50px;background: gray;float: left">qweqwe</div>
<div style="width: 100px;height: 50px;background: blue;float: left">123123</div>
</div> 你看看这个

追问

1、2、3都是居中的。4是紧挨着3的。

追答

3,4的代码是

qweqwe
123123

Answer 2

你是要百度的代码？，那你F12一下不就看到了

追问

在firebug中看的没头绪了，我是求思路
1和2是margin:0 auto;
怎么在3居中的情况下保证4在右侧

追答

<div class="box">
    <div class="left"></div>
    <div class="right"></div>
    <div class="clear"></div>
</div>
.box{margin:0 auto; width:700px; height:60px;}
.box .left{float:left;width:600px; height:60px;}
.box .right{float:left;width:200px; height:60px;}
.clear{clear:both;}

我没测，应该是这样，