CSS-clearfix

当父容器包含的子元素是float的,如果子元素的高度超过了父容器,则会'撑破':

如:

<div class='div1'>
    <div class='div2'>
        ....
    </div>
</div>

.div1{
    height:200px;
}
.div2{
    height:300px;
    float:left;
}

解决方法:

在父容器上加

.clearfix{overflow:auto;}