什么是clearfix

clearfix是一种CSS技术，用于解决浮动元素导致的父元素高度塌陷的问题。当一个元素使用浮动属性后，其父元素的高度会丢失，导致父元素无法自动适应内容高度。为了解决这个问题，可以在父元素中添加clearfix类或伪元素::after，并为其添加清除浮动的样式规则，使父元素能够正确计算高度。

clearfix的样式规则通常包括以下内容：

.clearfix::after {

content: “”;

display: table;

clear: both;

}

这样，添加了clearfix类或伪元素的父元素就能够自动适应浮动元素的高度，避免高度塌陷的问题。

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>