浮動及清除浮動
浮動最初的目的：實現文字環繞；
浮動具有破壞性，會破壞父元素高度（類似的還有：display：none；position：absolute/fixed/sticky）
浮動適合流體布局：
.mib_head_a
/* 下面這個是固定布局寫法*/
.mib_feed_fixed
/* 下面這個是流體布局寫法*/
.mib_feed_flow
css清除浮動的屬性：clear屬性
屬性：left（清除左側浮動元素）
right（清除右側浮動元素）
both（清除兩側浮動元素）
none（不清除浮動元素）
clear通常的應用形式：
（1）html block水平元素底部
-（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屬性裁切、顯示或隱藏元素物件或部分區域。
object.style.clip：rect（top，right，bottom，left）；
visiblity規定元素是否可見，語法舉例
object.style.visiblity=「hidden」；
相對定位（relative）
使元素在不脫離文件流，卻能通過座標值以原始位置為參照物今夕偏移。
相對定位元素雖然偏移了原始位置，但其原始位置所佔據的空間任然保留。
相對定位元素遇見文件流物件，他就會覆蓋文件流中的物件。並且，相對元素間也會存在覆蓋現象。
固定定位（fixed）
定位的一種特殊形式，以瀏覽器的視窗為參照物來定義網頁元素。元素若以固定顯示，則不受文件流影響，不受包含塊位置的影響，始終以瀏覽器視窗來定位自己的顯示位置。（網頁中那些煩人的、關不掉的小廣告0.0）
定位參照（參照物和座標值）
不僅是瀏覽器，所有被定義了相對定位、絕對定位的元素都可以作為css定位參照物來確定其座標。
sometimes，我們把具備css定位參照物的元素稱為包含塊。
CSS清除浮動和定位
1.原來在一行中的兩個塊，會因為瀏覽器視窗的大小改變而改變其原來的位置 變成多行 瀏覽器視窗寬度不夠容納 解決方法 加個父div,並且設定寬度 father 左右 2.清除浮動clear 當元素有浮動屬性時，會對其父元素或後面的元素產生影響，出現乙個布局錯亂的現象。none 預設值。允許兩邊有浮動物...
css 清除浮動與定位
一 清空浮動的方法 box1 box 1 1 box 2 2 1.在最後乙個浮動的元素後新增乙個空標籤，並設定樣式 clear both box1 box 1 1 box 2 2 clear both 小結 優點 寫法簡單 缺點 新增了無意義的標籤2.給浮動元素的父元素新增樣式 overflow h...
css清除浮動定位造成的異常
清除浮動是為了解決高度塌陷的問題 內層有好幾個div有寬有高，並且選擇了浮動定位，但是外層的div卻並沒有設定寬高。在非ie瀏覽器 如firefox 下，當容器的高度為auto，且容器的內容中有浮動 float為left或right 的元素，在這種情況下，容器的高度不能自動伸長以適應內容的高度，使得...