不要table,,

分三部分做 上中下各自一个DIV。在第一个DIV里面加三个同样大小的div，每个都做左浮动，在最后一个div里面加入两个小的div设置宽度，下面也是这么做，看不懂再来找我

<div style="width:100%; overflow:hidden">
<div style="width:33%; height:50px;float:left; background:#000"></div>
<div style="width:32%; height:50px; margin-left:1%; float:left;background:#000"></div>
<div style="width:33%; height:20px;margin-left:1%; float:left;background:#000"></div>
<div style="width:33%; height:20px; margin-top:10px;margin-left:1%; float:left;background:#000"></div>
</div>
<div style="width:100%; clear:both; background:#000; height:50px; margin:10px 0;"></div>
<div style="width:100%; overflow:hidden;">
<div style="width:25%; background:#000; height:50px;float:left"></div>
<div style="width:24%; margin-left:1%; background:#000; height:50px;float:left"></div>
<div style="width:24%; margin-left:1%; background:#000; height:50px;float:left"></div>
<div style="width:24%; margin-left:1%; background:#000; height:50px; float:left"></div>
</div>

<div>
<div>
<div></div>
<div></div>
<div>
<div></div>
<div></div>
</div>
</div>
<div></div>
<div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
就这样啦

盒子

div布局两分钟就出来