直接使用5个块即可
<div>顶部的</div><div>第二排第一个，左浮动</div>
<div>第二排第二个，右浮动</div>
<div>第三排第一个，左浮动</div>
<div>第三排第二个，右浮动</div>
这个很简单呐<div id="1"></div>
<div id="bottom">
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>
</div>
把1和bottom设置一样的样式除了高不同，234就由bottom的宽度平均分或者随意分，但是要注意的是如果你要加边框那加了多少像素的边框就要减去相对应的div宽高，希望能帮到你
例如： .bg{ background:url(images/banner.gif) -20px -20px no-repeat}url(images/banner.gif)：导入背景图；
-20px -20px ：你需要的那块背景图的坐标,这个坐标是从左上角开始计算的，并且在设置这个参数时它为负数（这个为啥子我为负数，我也不太清楚）；比如我现在侧得得坐标是：x轴：20 、y轴：10 ，那么就应该是.bg{ background:url(images/banner.gif) -20px -10px }；
no-repeat：背景不平铺；
