http://zw7534313.iteye.com/blog/511149
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
.border{
border: 1px solid black;
}
.align-center{
margin:0px auto;
width:800px;
text-align:center;
}
</style>
</HEAD>
<BODY class="align-center">
<div class="border" style="width:800px;height:100px;">1</div>
<div class="border" style="width:800px;height:30px;line-height: 30px;">2</div>
<div class="border" style="width:800px;height:30px; ">3</div>
<div class="border" style="width:800px;height:30px; ">4</div>
<div class="border" style="width:800px;">
<div class="border" style="width:560px; margin-top:5px;float:left;">
<div class="border" style="width:560px;height:300px;">
<div class="border" style="width:260px;height:300px;float:left;">5</div>
<div class="border" style="width:288px;height:300px;float:right;">6</div>
</div>
<div style="margin-top:5px;">
<div class="border" style="width:160px;height:300px;float:left;">7</div>
<div class="border" style="width:392px;float:right;margin-left:5px;">
<div class="border" style="width:193px;height:200px;float:left;">8</div>
<div class="border" style="width:192px;height:200px;float:right;">9</div>
<div class="border" style="height:94px;margin-top:5px;"></div>
</div>
</div>
<div style="margin-top:5px;height:400px;width:560px;" class="border">
<div class="border" style="width:160px;height:160px;float:left;">10</div>
<div class="border" style="width:392px;height:200px;float: right;">
<div class="border" style="width:192px;height:200px;float:left;">11</div>
<div class="border" style="width:192px;height:200px;float:right;">12</div>
</div>
<div class="border" style="width:160px;height:236px;float:left;margin-top:5px;">13</div>
<div class="border" style="width:392px;height:194px;float:left;float:right;margin-top:5px;">14</div>
</div>
</div>
<div class="border" style="width:231px;height:1000px;float:left;margin-left:5px;margin-top:5px;">15</div>
</div>
<div class="border" style="width:800px;height:160px;margin-top:5px;">16</div>
<div class="border" style="width:800px;height:30px;margin-top:5px;">17</div>
<div class="border" style="width:800px;height:160px;margin-top:5px;">18</div>
</BODY>
</HTML>