<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
.tableDiv{margin:0;
padding:0;
border-width:1px;
border-style:solid;
border-color:#00FFCC;
width:400px;
}
.header {
border-width:0px;
}
.item{
border-width:0px;
border-top-width:1px;
border-top-color:#00FFCC;
border-top-style:solid;
}
.left1{
float:left;
width:150px;
}
.right1{
border-left-width:1px;
border-left-style:solid;
border-left-color:#00FFCC;
margin-left:150px;
min-height:100px;
}
.left2{
border-right-width:1px;
border-right-style:solid;
border-right-color:#00FFCC;
margin-right:150px;
}
.right2{
min-height:150px;
float:right;
}
.equal {
display:table;
border-collapse:separate;
}
.row {
display:table-row;
}
.row div {
display:table-cell;
}
.row .one {
width:200px;
}
.row .two {
width:200px;
}
.row .three {
}
</style>
</head>
<body>
<div class="tableDiv">
<div class="header">
<div class="left1">5</div>
<div class="right1">6<br/><br/><br/>66</div>
</div>
<div class="item">
<div class="left1">1</div>
<div class="right1">2<br/><br/><br/>22</div>
</div>
<div class="item">
<div class="left1">3</div>
<div class="right1">4<br/><br/><br/><br/><br/>4444</div>
</div>
</div>
<br/>
<br/>
<div class="tableDiv">
<div class="header">
<div class="right2">56</div>
<div class="left2">6<br/><br/><br/>66</div>
</div>
<div class="item">
<div class="right2">16</div>
<div class="left2">2<br/><br/><br/>22</div>
</div>
<div class="item">
<div class="right2">36</div>
<div class="left2">4<br/><br/><br/><br/><br/>4444</div>
</div>
</div>
<br/>
<br/>
<div style="display:table;border-collapse:collapse;">
<div style="display:table-row">
<div style="display:table-cell; width:100px; border-width:1px; border-style:solid; border-color:#00CCFF">
1111<br/>1111<br/>1111<br/>
</div>
<div style="display:table-cell; width:100px; border-width:1px; border-style:solid; border-color:#00CCFF">
2222
</div>
<div style="display:table-cell; width:100px; border-width:1px; border-style:solid; border-color:#00CCFF">
3333
</div>
</div>
<div style="display:table-row">
<div style="display:table-cell; width:100px; border-width:1px; border-style:solid; border-color:#00CCFF">
1111
</div>
<div style="display:table-cell; width:100px; border-width:1px; border-style:solid; border-color:#00CCFF">
2222
</div>
<div style="display:table-cell; width:100px; border-width:1px; border-style:solid; border-color:#00CCFF">
3333
</div>
</div>
</div>
</body>
</html>