HTML中 DIV的布局问题

发布网友发布时间：2022-05-12 20:36

共2个回答

热心网友时间：2022-05-12 22:05

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就可以独立一行显示了

热心网友时间：2022-05-12 23:23

这个好写;
<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>