CSS是一門用來裝飾網頁的語言，通過它可以實現一些花樣翻新的效果。其中浮動是CSS中使用比較頻繁的一種效果，可以讓元素以某種方式對齊。但是，使用浮動后會出現一些問題，例如高度塌陷和元素重疊等。CSS2提供了一些方法來清除浮動。

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */

上述代碼提供了一種非常流行的清除浮動方法，也是一種兼容性比較好的方法。其中，clearfix類是用來清除浮動的，最好將其作為一個公共類，防止樣式與其他類混淆。

在這段代碼中，clear屬性是用來清除浮動效果，both表示兩個方向的浮動都被清除；visibility屬性用來隱藏英文句點；inline-block是將一個元素呈現成內聯塊級元素，使其可以在一行內顯示并占據一定的寬度。通過這種方法，可以避免清除浮動之后產生的垂直間距問題。

需要注意的是，在CSS2以前的版本中，還有很多其他的清除浮動的方法，例如使用空的div元素等。但是，這些方法通常不夠優(yōu)雅，且容易產生一些其他的問題。因此，建議使用上述這種方法來清除浮動。