css_8 清除浮动的三种方式

• 额外标签法
  在最后一个浮动元素后添加标签

---

• 给父集元素使用overflow:hidden; bfc
  如果有内容出了盒子，不能使用这个方法。

---

• 伪元素清除浮动 推荐使用

.clearfix:after{
            content:".";
            display: block;
            height: 0;
            line-height: 0;
            visibility: hidden;
            clear:both;
        }
/*兼容ie浏览器*/
.clearfix{
    zoom:1;
}

---

• 双伪元素标签法

.clearfix:before,  .clearfix:after {
content: “”;
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;/*IE678*/
}

清除浮动