什么是CSS清除浮動野芒？
在非IE瀏覽器（如Firefox）下扳剿，當容器的高度為auto峡扩，且容器的內(nèi)容中有浮動（float為left或right）的元素掂恕，在這種情況下拖陆，容器的高度不能自動伸長以適應內(nèi)容的高度，使得內(nèi)容溢出到容器外面而影響（甚至破壞）布局的現(xiàn)象懊亡。這個現(xiàn)象叫浮動溢出依啰，為了防止這個現(xiàn)象的出現(xiàn)而進行的CSS處理，就叫CSS清除浮動店枣。
清除浮動方法
方法一：使用帶clear屬性的空元素
在浮動元素后使用一個空元素如<div class="clear">速警，并在CSS中賦予.clear{clear:both;}屬性即可清理浮動。
優(yōu)點：簡單鸯两，代碼少闷旧，瀏覽器兼容性好。
缺點：需要添加大量無語義的html元素钧唐，代碼不夠優(yōu)雅忙灼，后期不容易維護。
方法二：使用CSS的overflow屬性
給浮動元素的容器添加overflow:hidden;或overflow:auto;可以清除浮動钝侠，另外在 IE6 中還需要觸發(fā) hasLayout 该园，例如為父元素設置容器寬高或設置 zoom:1。
在添加overflow屬性后帅韧，浮動元素又回到了容器層里初，把容器高度撐起，達到了清理浮動的效果忽舟。
方法三：使用CSS的:after偽元素
結合 :after 偽元素（注意這不是偽類双妨，而是偽元素，代表一個元素之后最近的元素）和 IEhack 叮阅，可以完美兼容當前主流的各大瀏覽器刁品，這里的 IEhack 指的是觸發(fā) hasLayout。
給浮動元素的容器添加一個clearfix的class帘饶，然后給這個class添加一個:after偽元素實現(xiàn)元素末尾添加一個看不見的塊元素（Block element）清理浮動哑诊。
方法四：父級div定義display:table
