什么是 CSS 清除浮動
在非IE瀏覽器（如Firefox）下蜂科，當(dāng)容器的高度為auto牡整，且容器的內(nèi)容中有浮動（float為left或right）的元素惦蚊，在這種情況下幽歼，容器的高度不能自動伸長以適應(yīng)內(nèi)容的高度导饲，使得內(nèi)容溢出到容器外面而影響（甚至破壞）布局的現(xiàn)象捞高。這個(gè)現(xiàn)象叫浮動溢出氯材，為了防止這個(gè)現(xiàn)象的出現(xiàn)而進(jìn)行的CSS處理，就叫CSS清除浮動棠枉。
清除浮動的方法
方法一：利用帶 clear 屬性的元素
在浮動的容器中浓体，在浮動元素后使用一個(gè)空元素如<div class="clear"></div>，并在CSS中賦予.clear{clear:both;}屬性即可清理浮動辈讶。
-
常用解決方案
.clear-fix { *zoom: 1; } .clear-fix:after { content: ''; dispaly: block; width: 0; height: 0; visibility: hidden; clear: both; }
方法二：利用 CSS 的 overflow 屬性
給浮動元素的容器添加 overflow:hidden; 或 overflow:auto; 可以清除浮動命浴，另外在 IE6 中還需要觸發(fā) hasLayout ，例如為父元素設(shè)置容器寬高或設(shè)置 zoom:1贱除。
-
常用技術(shù)方案
.parentClass { overflow: auto; }
