如何“清除浮动”

时间：2017-01-31 19:16:30 阅读：240 评论：0 收藏：0 [点我收藏+]

清除浮动，又叫“闭合浮动”，目的是解决父盒子高度为0的问题。

方法一：额外标签法

方法二：Overflow: hidden 触发bfc模式就不用清除浮动

方法三：伪元素

.clearfix:after {
    content:””;
    visibility:hidden; 
    display:block;
    height:0;
    clear:both;
}

.clearfix{
    Zoom:1;
}

方法四：双伪元素

.clearfix:before,.clearfix:after{
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

原文：http://www.cnblogs.com/crystalmoore/p/6359001.html

踩

(0)

评论一句话评论（0）

分享档案

更多>