CSS中float屬性常用于實現網頁中的布局效果，它可讓元素脫離文檔流并沿著左側或右側浮動。但是，當我們在使用float時，經常會遇到許多奇怪的問題。這時，我們就需要用到CSS的清除浮動技術。而在清除浮動時，我們就會用到CSS中的clear屬性。

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

clear屬性常用于父元素中，它指定了一個元素離開浮動環境時所需滿足的條件。它有如下取值：
1. none：默認值，元素不會被清除
2. left：元素被清除在左側
3. right：元素被清除在右側
4. both：元素被清除在兩側

有時，當父元素中使用float時，父元素將會塌陷，導致子元素重疊。這時，我們就需要使用clear來清除浮動，使父元素能夠正常地自適應子元素的高度。常見的清除浮動用法包括clearfix類，還可以使用獨立的clear屬性或偽元素:after來清除浮動。

在使用CSS的float屬性時，我們不能忽視清除浮動所帶來的重要性，它可以讓我們的網頁更加美觀和規范，同時還能解決各種奇怪的布局問題，確保網頁的正確顯示。