原文： all about floats
譯文：關於浮動的前世今生
版權所有，轉載請註明出處，多謝！ ！
什麼是浮動？
浮動是css 的定位屬性。我們可以看一下印刷設計來了解它的起源和作用。印刷版面中，文字可以依照需要圍繞圖片。一般把這種方式稱為「文本環繞」。
這是一個例子：
在排版軟體裡面，存放文字的盒子可以被設定為允許圖文混排，或者無視它。無視圖文混排將會允許文字出現在圖片的上面，就像它甚至不會在那裡一樣。這就是圖片是否是頁面流的一部分的區別。網頁設計與此非常類似。
在網頁設計中，應用了CSS的float屬性的頁面元素就像在印刷版面裡面的被文字包圍的圖片一樣。浮動的元素仍然是網頁流的一部分。這與使用絕對定位的頁面元素相比是一個明顯的差異。絕對定位的頁面元素被從網頁流裡面移除了，就像印刷版面裡面的文字方塊被設定為無視頁面環繞一樣。絕對定位的元素不會影響其它元素，其它元素也不會影響它，無論它是否和其它元素挨著。
像這樣在一個元素上用CSS設定浮動：
#sidebar { float: right; }
fload屬性有四個可用的值：Left 和Right 分別浮動元素到各自的方向，None (預設的) 會使元素不浮動，Inherit 將會從父級元素取得float值。