清除浮动

Posted zgdawdl

tags:

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

推荐使用:

.clearfix::after {
    content: "020";
    display: table;
    clear: both;
}

将clearfix添加到父元素,即可清除浮动,原理与添加一个空的块级元素再添加clear: both样式一样,但是使用伪元素可以不破坏页面结构

此时要注意父元素原来是否已经设置了::after伪元素,避免冲突

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

CSS清除浮动 ③ ( 清除浮动 - 使用 after 伪元素 | 语法简介 | 兼容低版本浏览器 | 原理分析 )

清除浮动

清除浮动的几种方法

css的浮动以及如何清除浮动

为何要清除浮动?如何清除?

clear清除浮动最佳实践和BFC清除浮动