關於清除浮動、css定位的學習
浮動及清除浮動
浮動最初的目的：實現文字環繞；
浮動具有破壞性，會破壞父元素高度（類似的還有：display：none；position：absolute/fixed/sticky）
浮動適合流體布局：
.mib_head_a { width: 56px; float: left; }
/* 下面這個是固定布局寫法 */
.mib_feed_fixed { width: 484px; float: right; }
/* 下面這個是流體布局寫法 */
.mib_feed_flow { margin-left: 76px; }
css清除浮動的屬性：clear屬性
屬性：left（清除左側浮動元素）
right（清除右側浮動元素）
both（清除兩側浮動元素）
none（不清除浮動元素）
clear通常的應用形式：
（1）HTML block水平元素底部
-<div> </div>
（2）CSS after偽元素底部生產
-.clearfix：after{}
【應用在包含浮動子元素的父元素上】
浮動清除：BFC/haslayout
CSS定位（與float屬性協同作用）
Position 中文意為位置，css定位的核心屬性（CSS-P）
Position屬性取值：
static（靜態）
absolute（絕對）
relative（相對）
fixed（固定）
靜態定位（static）
默認狀態下元素確定自身位置，無法通過坐標值（up、bottom、left、righ）來改變其位置。
絕對定位（absolute）
將元素拖出文檔流，根據某個參照物坐標來定位其位置。絕對定位可結合坐標值（up、bottom、left、righ）進行精確定位，結合z-index屬性排列元素的覆蓋順序，結合clip和visiblity屬性裁切、顯示或隱藏元素對象或部分區域。
Ps：clip 用來設置元素形狀（如裁剪圖片），語法舉例
object.style.clip：rect（top，right，bottom，left）；
visiblity規定元素是否可見，語法舉例
object.style.visiblity=“hidden”；
相對定位（relative）
使元素在不脫離文檔流，卻能通過坐標值以原始位置為參照物今夕偏移。
相對定位元素雖然偏移了原始位置，但其原始位置所占據的空間任然保留。
相對定位元素遇見文檔流對象，他就會覆蓋文檔流中的對象。並且，相對元素間也會存在覆蓋現象。
固定定位（fixed）
定位的一種特殊形式，以瀏覽器的窗口為參照物來定義網頁元素。元素若以固定顯示，則不受文檔流影響，不受包含塊位置的影響，始終以瀏覽器窗口來定位自己的顯示位置。（網頁中那些煩人的、關不掉的小廣告0.0）
定位參照（參照物和坐標值）
不僅是瀏覽器，所有被定義了相對定位、絕對定位的元素都可以作為CSS定位參照物來確定其坐標。
Sometimes，我們把具備CSS定位參照物的元素稱為包含塊。
關於清除浮動、css定位的學習