CSS浮動是Web開發中常常使用的一種布局方式。當我們設置一個HTML元素為浮動時，它會脫離普通文檔流，從而可以和其他元素進行不同的交互。

.example {
float: left;
}

在上述代碼中，我們通過設置元素的float屬性為left，使該元素向左浮動。也可以將其設置為right，使其向右浮動。

通過浮動元素，我們可以實現多列布局、文字環繞圖片等效果。但同時也會帶來一些問題，如父元素高度坍塌（父元素不能自適應內部子元素高度）等問題。在使用浮動布局時，需要注意清除浮動，以避免這些問題。

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

以上代碼實現了常用的清除浮動方法之一，使用:before或:after偽元素清除浮動，使父元素自適應內部子元素高度，從而避免高度坍塌的問題。

總之，CSS浮動是Web布局中常用的一種方式，可以實現多種效果。在使用浮動布局時，需要注意清除浮動以避免一些問題的出現。