清除浮动方法？ 解释 clear、overflow、after伪元素

清除浮动方法通常被用于处理父元素包含子元素浮动时造成的高度塌陷问题。

其中，使用 clear 属性可以清除元素左侧、右侧或两侧浮动的影响，值可以为 left、right 或 both。

使用 overflow 属性可以触发该元素的 BFC（块级格式化上下文），从而包含浮动元素，值可以为 auto 或 hidden。

使用 after 伪元素可以在父元素尾部添加一个空白块元素，从而清除浮动影响，代码如下：

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

相关问题

清除浮动方法？ clear、overflow、after伪元素

都是清除浮动的常用方法。其中after伪元素需要给定content属性，例如使用以下代码：

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

这样可以在需要清除浮动的父元素上加上一个clearfix类，来清除浮动。

clear、overflow、after伪元素

clear、overflow、after是CSS中的伪元素。其中，clear用于控制浮动，可以设置其值为left、right、both、none；overflow用于控制元素的溢出内容，可以设置其值为visible、hidden、scroll、auto；after用于在元素的最后面插入内容，常用于清除浮动而添加的clearfix样式。