1、给下一个元素加clear:both；
缺点：导致下一个元素，margin失效。
2、给空元素加clear:both；
缺点：增加无意义标签，后期维护不利。
3、给父级加高度；
缺点：只能用在固定高度的情况下，动态的用不了。
4、父级div定义overflow:hidden；
缺点：用position:absolute,超过父级就被隐藏了。
5、父级div定义伪类:after和zoom；
代码多，但是最好用，推荐。
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* 为兼容IE6,IE7，因为ie6,ie7不能用after伪类 */
.clearfix{
zoom:1;
}