浮動
1. 定位概述
所謂的定位，實際上就是定義元素框相對於其正常位置，應該出現的位置在哪。簡單地說，
定位就是改變元素在頁面上的默認 位置。
2. 定位分類
1. 普通流定位（元素默認定位方式）
2. 浮動定位
3. 相對定位
4. 絕對定位
5. 固定定位
3. 定位-普通流定位
普通流定位，又稱爲“文檔流定位”，是頁面元素的默認定位方式
頁面中的塊級元素按照從上到下的方式排列，而且每個元素佔一行
頁面中的行內元素按照從左到右的方式排列，當前行顯示不下所有行內元素時，
會自動換行
問題： 如何能夠讓塊級元素在一行內顯示 ? ? - 浮動定位
4. 浮動定位（重點）
1. 浮動定位概述
1. 如果將元素的定位方式設置爲浮動定位，那麼將具備以下幾個特點：
1. 浮動元素會被排除在文檔流之外即脫離文檔流，元素不再佔據頁面空間
其他爲浮動元素要上前補位
2. 浮動元素會停靠在氟元素的左邊或右邊，或停靠在其他以浮動元素的邊緣上
3. 浮動元素只會在當前行內浮動‘
4. 浮動元素依然位於父元素之內
5. 浮動定位處理的問題-讓多個塊級元素在一行內顯示
2.語法：
屬性： float
取值：
1. none
默認值，即無浮動定位效果
2. left：
左浮動，讓元素停靠在父元素的左邊，或停靠在左側已有浮動元素的邊緣上
3. right
右浮動，讓元素停靠在父元素的右邊，或停靠在右側已有浮動元素的
邊緣上
命令顯示圖：
3. 浮動引發的特殊效果
1. 當父元素的寬度顯示不下所有的已浮動子元素時，最後一個將換行（有可能被卡住）
2. 元素一旦浮動起來之後，那麼寬度將變成自適應（非人爲指定情況下）
3. 元素一旦浮動起來之後，那麼將變成塊級元素，尤其對行內元素影響最大
塊級： 允許修改尺寸
行內： 不允許修改尺寸
4. 文本，行內元素，行內塊元素時採用環繞的方式排列的，是不會被浮動元素壓在低下的
會巧妙的避開浮動元素
4. 清除浮動
元素浮動起來之後，除了影響那個自己的位置之外，
還會影響後續元素。
如果後續元素不想被前面浮動元素所影響的話，可以清除浮動的效果來解決影響
**屬性：**
clear
取值：元素浮動起來之後，除了影響那個自己的位置之外，
還會影響後續元素。
如果後續元素不想被前面浮動元素所影響的話，可以清除浮動的效果來解決影響
**屬性：**
clear
取值：
1. none
默認值，即不做任何清除操作
2. left
清除當前元素的前面元素左浮動帶來的影響。即當前元素不會上前佔位
並且左邊不允許有浮動元素
3. fight
清除當前元素的前面元素有浮動帶來的影響。即當前元素不會上前佔位，並且右邊不允許有
浮動元素
4. both
清除前面元素左右浮動帶來的影響
5.浮動元素對父元素帶來的影響
1. 由於浮動元素會脫離文檔流，所以會導致元素佔據父元素的頁面情況
所以帶來影響。。如果一箇中所有：0.9*/
1. 直接設置父元素高度
弊端：
必須搖動的名單：
必須知道要父元素的準確高度
2.設置父元素也浮動
弊端： 對後續元素會影響
父元素
3.爲父元素設置 overflow, 取值爲 hidden
或auto
弊端： 如果有子級內容要溢出顯示的話，也一同被隱藏了
2. 父元素中追加空子元素，並設置其clear屬性爲 both
父元素高度命令圖：
父元素高度網頁示例圖：
