CSS中的float屬性是一個非常常見的屬性，它可以讓元素脫離文檔流并向左或向右浮動。

當一個元素被設置為float時，它會自動變為塊級元素并且會懸浮在文檔流之上。此時，文檔流中的其他元素將嘗試環繞這個懸浮的元素。

.float-left {
float: left;
}
.float-right {
float: right;
}

代碼中，我們通過給元素設置float:left或float:right來實現元素的浮動。一般來說，float:left會讓元素向左浮動，float:right會讓元素向右浮動。

但是，當所有的元素都設置了float屬性后，會出現元素重疊的問題。這時候就需要通過clear屬性來解決。

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

代碼中，我們通過在一個父元素上設置clearfix類，然后在該元素的::after偽元素中設置clear:both來清除其內部所有元素的浮動。

總之，CSS中的float屬性可以讓我們實現很多有趣的布局效果，但是要注意避免元素重疊和給父元素添加清除浮動的代碼。