12、浮動 特點：將當前元素脫離文檔流 float: left 即左浮動 float: right 即右浮動 註：*父與子元素，設置子元素浮動不能超出父元素的範圍 *多個元素均設置為浮動時，將自動排列(水平方向) *兄弟元素，後一個元素設置為浮動，前一個元素不浮動，後一個元素的位置不能超過前一個元素 ...
12、浮動
特點：將當前元素脫離文檔流 float: left 即左浮動 float: right 即右浮動
註：*父與子元素，設置子元素浮動不能超出父元素的範圍
*多個元素均設置為浮動時，將自動排列(水平方向)
*兄弟元素，後一個元素設置為浮動，前一個元素不浮動，後一個元素的位置不能超過前一個元素的位置
*文字內容不會被浮動元素所覆蓋，而是環繞在浮動元素的周圍。
i 清除浮動 clear
none - 不清除 left - 清除左浮動 right - 清除右浮動 both - 清除兩側的浮動
i 高度塌陷
設置：父級元素- 未設置高度；子級元素- 設置高度，且浮動
結果: 父級的顯示高度為 0
預設情況下，未設置寬高；預設寬度是當前頁面整個寬度；高度是0或子元素高度的總和
u 解決方案
(1)為父元素設置高度(所有子元素高度的總和)
問題：人為為父級元素設置 height 屬性；父級元素的 height 屬性值，計算得來的
(2)將父和子元素同時設置為浮動
父元素未設置寬度和高度 結果: 父級的寬度和高度分別所有子元素的寬度和高度的總和
(3)clear屬性 來清除浮動
l BFC塊極格式化環境
全稱：Block Formatting Context，是元素的隱含屬性。
預設情況下BFC是關閉的，當元素開啟BFC以後，將會具有如下特性：
*文檔流中的元素不會被設置為浮動的元素所覆蓋
*子元素的垂直方向的外邊距不會傳遞給父元素
*元素可以包含浮動的子元素
² 開啟 BFC
設置元素為 浮動（float）；或display 為 inline-block；或 絕對定位
將元素的overflow 設置為一個非visible的值（一般設置為 hidden）
在所有子元素的最後新增一個子元素，並設置 clear 屬性值為 both
註: 開啟 BFC會有一些副作用，需要選擇一些副作用小的方式。
13、定位
Ø static 預設值 表示靜態定位(沒有開啟定位)
Ø relative 表示相對定位，沒有脫離文檔流
相對於父級元素的定位：
相對定位後的位置，是相對於當前元素的原本位置進行計算
* 行內元素設置為相對定位時 - 依舊是內聯元素的效果 Span
- Ø absolute 表示絕對定位 【脫離】文檔流
開啟絕對定位，（預設開啟定位 - 不會改變當前元素顯示的位置）
top、right、bottom、left依次設置距離上邊、右邊、下邊、左邊的值
定義父級與子級元素：
1. 只為子級元素設置絕對定位： 相對於<HTML頁面>進行定位
2. 同時為父級和子級元素設置絕對定位：
父級元素相對於 <HTML頁面> 進行定位； 子級元素相對於 <父級元素> 的進行定位
- fixed 表示固定定位 【脫離】文檔流
效果：相對於 <HTML頁面> 進行的定位
【註：行內元素設置為固定定位、絕對定位，呈現塊極元素的效果】
