常用的清除浮动做法

---

1.给父元素加overflow:hidden

好处: 简单, 缺点:超出的尺寸的会被隐藏, 建议使用2, 3的方式

---

 

2.给父元素添加类clearfix, 内容如下:

.clearfix{
    *zoom:1;
}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
}

---

 

3.与2相似, 用双伪类

.clearfix:before, .clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{
    clear:both;
}
.clearfix{
    *zoom:1;
}

 

转载于:https://www.cnblogs.com/fumo/p/9262237.html