因為高度塌陷所以需要清除浮動：元素脫離了文件流
滿足下列條件之一就可觸發bfc
根元素，即html元素
float的值不為none
overflow的值不為visible
display的值為inline-block、table-cell、table-caption
position的值為absolute或fixed
/*解決：清除浮動*/
/*父級加:*/
1、給父級直接加高度(拓展性不好，不確定父級高度的時候不能使用)
2、overflow:hidden;
3、.clearfloat:after
/*簡單的*/
.clearfloat:after
.clearfloat /*針對ie8以下做的相容*/
/*更好的一種:清除浮動、防止瀏覽器頂部的空白奔潰*/
/*建立乙個匿名的**單元*/
.clearfloat:after,
.clearfloat:before
.clearfloat:after
2：很拉轟的浮動閉合辦法：
.clearfix
3：端友radom提供的，測試通過：
.clearfix
元素浮動與清除浮動
我們知道，塊元素具有的特點是具有完整的盒模型和自己佔一行。當我們想讓多個塊元素同佔一行時，我們通常使用的方法除了利用display屬性之外，還可以利用float屬性，使其浮動，達到同佔一行的效果。float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象，使文字圍繞在影象周圍，不過在 css ...
清除浮動元素大全
css清除浮動大全共8種方法 浮動會使當前標籤產生向上浮的效果，同時會影響到前後標籤 父級標籤的位置及 width height 屬性。而且同樣的 在各種瀏覽器中顯示效果也有可能不相同，這樣讓清除浮動更難了。解決浮動引起的問題有多種方法，但有些方法在瀏覽器相容性方面還有問題。下面總結8種清除浮動的方...
css 清除子元素浮動帶給父元素帶的影響
css語法 clearfix,wrap content tap wrap tap content ul clearfix after,wrap content tap wrap tap content ul after 運用less語法如下 1.建立乙個less檔案，檔名隨意，寫入下面 clearf...