在CSS中，清除浮動是一個很重要的概念。通俗來講，浮動就是將一個元素向左或向右移動，使其脫離文檔流。浮動對于創建多列布局或者實現圖片環繞文字效果非常有用，但如果沒有清除浮動，就會出現很多奇怪的問題。

那么，如何清除浮動呢？菜鳥教程中提供了以下幾種方法：

.clearfix:after{
content:"";
visibility:hidden;
height:0;
display:block;
clear:both;
}
.clearfix{zoom:1;}

以上代碼使用了偽元素:after，在浮動元素的外部添加一個空的塊級元素，然后使用clear屬性清除浮動。另外一個清除浮動的方法是使用clearfix類，zoom:1的hack能夠讓元素成為一個塊級元素，從而清除浮動。

.container:after{
content:"\0020";
height:0;
visibility:hidden;
display:block;
clear:both;
}
.container{
*zoom:1;
}

另外一個清除浮動的方法是使用.container類，同樣也是使用:after添加一個空元素，并使用clear屬性清除浮動。不同的是，使用了\0020來添加空格符，而使用zoom:1的hack能夠讓元素成為一個塊級元素。

以上這些方法可以有效地清除浮動，避免浮動元素導致的問題。需要注意的是，清除浮動只是規避浮動元素的一些問題，而不是解決浮動帶來的根本性問題。為了能夠更好地使用浮動元素，我們需要合理地組織結構，避免出現奇怪的問題。