清除浮動(dòng)： 非IE瀏覽器下，容器不設(shè)高度且子元素浮動(dòng)時(shí)，容器高度不能被內(nèi)容撐開。 此時(shí)，內(nèi)容會(huì)溢出到容器外面而影響布局。這種現(xiàn)象被稱為浮動(dòng)（溢出）。

浮動(dòng)元素引起的問題？
父元素的高度無法被撐開，影響與父元素同級(jí)的元素
與浮動(dòng)元素同級(jí)的非浮動(dòng)元素會(huì)跟隨其后
若浮動(dòng)的元素不是第一個(gè)元素，則該元素之前的元素也要浮動(dòng)，否則會(huì)影響頁(yè)面的顯示結(jié)構(gòu)

清除浮動(dòng)的幾種方式：
1.給父級(jí)div定義height屬性
2.最后一個(gè)浮動(dòng)元素之后添加一個(gè)空的div標(biāo)簽，并添加clear:both樣式
3.包含浮動(dòng)元素的父級(jí)標(biāo)簽添加overflow:hidden或者overflow:auto
4.使用 :after 偽元素。由于IE6-7不支持 :after，使用 zoom:1 觸發(fā) hasLayout**

clear:none|left|right|both