我有我的页面的布局问题。 我要创建3个表,并设置它们并排,所以我将它们的浮动属性是“左”,但DIV容器的高度只与3台固定,两个第一表是div的溢出。请帮我解决它。 这是我三个桌子并排溢出的div容器?
页<body>
<div id="main">
<table id="tbSA" class="tb">
<tr><td>Code</td></tr>
<tr><td>Code</td></tr>
<tr><td>Code</td></tr>
<tr><td>Code</td></tr>
<tr><td>Code</td></tr>
</table>
<table id="tbShops" class="tb">
<tr><td>Code</td></tr>
<tr><td>Code</td></tr>
<tr><td>Code</td></tr>
<tr><td>Code</td></tr>
</table>
<table>
<tr><td>Code</td></tr>
<tr><td>Code</td></tr>
<tr><td>Code</td></tr>
</table>
</div>
</body>
,这里是风格
body {
background-color: #5c87b2;
}
#main {
margin: 10px 10px 15px 10px;
background-color: #fff;
}
table, td {
border: solid 1px #e8eef4;
}
.tb {
float:left;
margin-right:10px;
}
参见[这](http://stackoverflow.com/a/1633170/295264)回答为什么溢出隐藏并不总是 – Starx 2012-03-17 11:49:47