<div class="box1">
<tabl></table>
<div class="box2"></div>
</div>
原理1：
<table> 将会隔离父子元素，
所以解决垂直外边距重叠问题方法1：
.clearfix:before{
content:"";
display:table;
}原理2：
解决高度塌陷方法2：
.clearfix:after{
contemt:"";
display: block;
clear: both;
}最终方法：
.clearfix {
zoom:;
}
.clearfix:before,.clearfix:after {
content:"";
display: table;
clear: both;
}给父元素加 class="clearfix"; 即可。