CSS中的float是一個非常常用的屬性之一，它可以使元素脫離文檔流并浮動到指定位置。它常被用于實現多欄布局，圖片和文字環繞效果等。

.float-left {
float: left;
width: 50%;
}
.float-right {
float: right;
width: 50%;
}
.clearfix::after {
content: "";
display: block;
clear: both;
}

上面的代碼演示了如何使用float屬性將兩個元素分別浮動到左右兩側，實現雙欄布局。同時，我們也會發現這個方法會導致父元素失去高度，因為它的子元素都浮動了。這時我們可以在父元素添加一個clearfix類，來清除浮動，如上例中的clearfix類。

需要注意的是，float屬性會影響元素自身的布局和周圍元素的布局，所以在使用float時需要注意整體布局的變化，并在需要時使用clear屬性來清除浮動。

除此之外，還有一些常見的使用float屬性的情況，例如圖片和文字環繞、文字和背景圖配合實現藝術效果等。多掌握這個屬性的應用，可以讓我們更加靈活地實現頁面布局和各種效果。