float 屬性定義元素在哪個方向浮動。產生之初這個屬性總應用於影象，使文字圍繞在影象周圍，不過在 css 中，任何元素都可以浮動。浮動元素會生成乙個塊級框，而不論它本身是何種元素。如果浮動非替換元素，則要指定乙個明確的寬度；否則，它們會盡可能地窄。讓設定的標籤產生浮動效果，就是脫離原來頁面的標準輸出流。
從上到下，從左到右，遇到塊級元素換行。
如果想實現左右結構，float是一種選擇（當然還有其他方法）。
比如：
左
右
左
右
需要注意的是，當標籤使用了float屬性後，就脫離了標準輸出流，就不受頁面約束了。這樣不方便，也不利於頁面布局。所以，一般浮動之後要清除浮動。
浮動元素在文件流空出的位置，由後續的(非浮動)元素填充上去：塊級元素直接填充上去，若跟浮動元素的範圍發生重疊，浮動元素覆蓋塊級元素。內聯元素：有空隙就插入。（此句引自方木一）
左
右
.float_r
.float_flow
.float_l
.float_flow
.head_l
深入理解css之float
文字環繞效果 block formatting context 塊級格式化上下文 元素使用了float屬性之後，可以使該元素脫離標準流，浮動在其他元素之上，不再佔據原本的空間，會導致後面的元素上移並占用該元素原本的空間。float屬性僅對使用該屬性的元素本身以及後面的元素產生影響 後面元素會上移 頁...
深入理解css之float
在css中，是存在流的概念的。在正常情況下，頁面總是從左到右，從上到下布局，這種被稱為正常的流。但是有很多情況，正常流是沒辦法實現的，因此我們需要一些手段來破壞流，從而實現一些特殊的布局，而本節的主角float就具備破壞流的特性。很多新手在布局的時候，總喜歡用float來實現。例如乙個三欄布局，左右...
學習筆記 CSS深入理解之float
張鑫旭的css深入理解之float浮動學習筆記float為產生文字環繞效果而生 包裹 即產生乙個bfc 破壞 使父容器塌陷，元素脫離文件流，產生inline boxes環繞 方式一 使用clear，類似於產生乙個連線索道，使前文和後文關聯，會產生margin重疊效果。方式二 父容器bfc或者hasl...