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;
}
网友评论