常用的清除浮动做法

Posted 2020-11-21 fumo

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了常用的清除浮动做法相关的知识，希望对你有一定的参考价值。

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;
}

以上是关于常用的清除浮动做法的主要内容，如果未能解决你的问题，请参考以下文章