Question

HTML中 DIV的布局问题

一个大块中 1. 整个左边为一个小块 左浮动
2.右边分为3个小块，上面2个小块 下面一个长点的小块
3.右边上面的2个小块也是左浮动 那么 下面那个长一点的小块怎么写呢？？？

Answer 1

html结构可以这样写：
<div class="container"＞
<div class="left"></div>
<div class="right">
<div class="box_s"></div>
<div class="box_s"></div>

<div class="box_b"></div>

</div>
＜/div>

CSS部分可以这样写
.container {margin:0 auto; width:1000px;}
.left,.box_s {float:left; display:inline;}
.left {width:200px;}
.right {width:800px}
.box_b {width:100%; clear:both}

在长的div上加一个clear就可以独立一行显示了

Answer 2

这个好写;
<div class="big_area" style="width:600px;">
<div class="left_Area" style="width:300px; float:left; background-color:#333;"></div>

<div class="right_b_area" style="width:300px; float:left;">s
<div class="rig_aera_top1" style="width:150px; float:left; background-color:666;"></div><div class="rig_area_top2" style="width:150px; float:left; background-color:666;"></div>
<div class="bot_carea" style="float:left; width:300px; background-color:#333;"></div>
</div>

</div>