常見網頁元素模式：
a.標準流：即標籤按照預設規則顯示
b.浮動：調控盒子位置
c.固定
注意：網頁通常由這三種布局共同作用。
網頁布局第一準則：多個塊級元素縱向排列用標準流，橫向排列用浮動
浮動語法：
浮動特性
a.浮動元素會脫離標準流（脫標）
b.浮動的盒子不再保留原來的位置
c.浮動的盒子會在一行顯示，當行距不足時會自動換行，並且盒子是沿頂部對齊
d.浮動的元素會有行內塊的特性
浮動注意點：
1.浮動和標準流的父子元素搭配
2.乙個元素浮動了，理論上其他的同級元素也要浮動。
3.若只有乙個元素浮動，而其他同級元素不浮動，則浮動元素只會影響此元素同級的下面的標準流，而不影響上面的標準流
清除浮動
為什麼要清除浮動：在實際中，因為孩子的數量不確定，因此無法確定父元素的高度，此時我們對父元素常常不設定高度，讓孩子去撐開父親，此時就要清除浮動造成的影響。
清除浮動的本質
1.清除浮動的本質就是清除浮動造成的影響
2.如果父盒子有高度則不需要清除浮動
3.清除浮動後，父級就會根據浮動的子盒子自動檢測高度，父級有了高度就不會影響標準流了
清除浮動的語法
在實際開發中常常使用both.
清除浮動的策略可以理解為閉合浮動，因此引出以下清除浮動的方法：
1.額外標籤法，也稱隔牆法，但新增的標籤不能是行內元素
2.父級元素新增overflow屬性，屬性值為hidden、scroll或auto
3.父級新增偽類元素
實現：
4.父級新增雙偽類元素
實現：
CSS入門基礎知識（十三） 浮動（一）
網頁布局的本質 用css來擺放盒子。把盒子擺放在相應的位置。css提供了三種傳統布局方式 1 普通流 標準流 2 浮動 3 定位 所謂的標準流 就是標籤按照規定好預設方式排列 1 塊級元素會獨佔一行，從上向下順序排列 2 行內元素會按照順序，從左到右順序排列，碰到父元素邊緣則自動換行 3 常用元素 ...
HTML入門學習筆記 CSS浮動 7
在企業開發中為了更好的控制盒子的寬高和計算盒子的寬高等等,所以在企業開發中,編寫 之前第一件事情就是清空缺省的邊距 格式 實際開發中不推薦使用這種格式 萬用字元選擇器會找導 遍歷 當前介面中所有的標籤,所以效能不好 企業開發中可以從這個 中拷貝 yui css reset 在css中所有的行都有自己...
CSS快速入門 浮動 float
浮動 float 是css布局常用的乙個屬性。它可以左右移動，直至它的外邊緣碰到包含框或另乙個浮動框的外邊框。float被設計出來的初衷是用於文字環繞效果。如下 我是乙個div，可以放。我是一大推文字我是一大推文字我是一大推文字我是一大推文字 我是一大推文字我是一大推文字我是一大推文字我是一大推文字...