CSS的浮動功能是一種完全可以控制元素（比如一個圖像）在其父容器內水平移動的方法。

在設計布局時，開發人員通常需要有限的空間來安排頁面元素。CSS的浮動功能是其中一種流行的解決方案。有兩種類型的浮動屬性可以使用。第一個是“左浮動”，第二個是“右浮動”。

當一個元素被浮動時，它會被移出普通流，而它的剩余區域會被經過浮動的元素重新定位。通常，人們使用浮動屬性在頁面上實現三欄或兩欄布局。欄的數目越多，其設計和布局越復雜。

.floatleft {
float: left;
 }
 .floatright {
float: right;
 }

如上代碼，我們可以看到，當我們想要在網頁中實現左側浮動的元素時，可以給該元素添加float：left的屬性。在實現右浮動時，則將left改成right就可以了。

還有一種常用的方法是利用浮動屬性來實現圖片或者圖標和文字的文字環繞效果。這樣可以使頁面看起來更加優美，增強了視覺體驗。

除此之外，CSS的浮動屬性還可以配合其他CSS屬性進行更加高級的布局效果的實現。比如clear來清除浮動，或者display為table，實現左右各為一列的布局效果，還可以搭配現代的flexbox布局等等……在CSS的龐大功能中，浮動算是一種常用卻強大的工具。