CSS中的浮動是很常見的技術(shù)，但是容易引起一些布局上的問題。其中之一就是它會讓容器的高度塌陷，導(dǎo)致下面的元素遮蓋或覆蓋在上面元素上。為了解決這個問題，我們需要使用清除浮動的方法。

下面是幾種清除浮動的方法：

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

方法一：使用clearfix類

clearfix類是一個很常見的清除浮動方法，通過給父元素添加clearfix類，同時在其中加入一個偽元素，即可清除浮動。

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

方法二：使用zoom: 1

這種方法是在IE上常用的清除浮動方法，使用zoom: 1屬性可以觸發(fā)IE的“hasLayout”，從而清除浮動。另外，在clearfix::after中使用display: table;可以避免在IE7下出現(xiàn)無法清除浮動的問題。

.parent::before,
.parent::after{
content: "";
display: table;
}
.parent::after{
clear: both;
}

方法三：使用偽元素

這種方法比較簡單，直接在父元素中加入一個偽元素，在其中設(shè)置clear: both;即可清除浮動。

以上是常用的三種清除浮動的方法，可以根據(jù)實際情況選擇使用。