css清除浮動(css 解決浮動元素引起的高度問題)

本人經常使用的清除浮動是使用以下這種（目前主流，可以把該樣式封裝在全局，供一整個項目複用）
 

選擇符:after{ 
content:""; 
clear:both; 
display:block;
}

也有寫法把content設置爲不爲空，此時要設置  visibility:hidden;/*將元素隱藏*/

以上方法，未考慮ie6-7這老掉渣的版本（IE6，7下不兼容 after僞類），兼容方法添加如下樣式

選擇符{zoom:1;}

zoom:1; //     觸發 IE下 haslayout，使元素根據自身內容計算寬高

 

其他一些方法羅列（可能有遺漏）

1、給父容器一個確定的高度
2、手動添加一個空div，並設置樣式{clear:both;}的

3、父元素增加樣式overflow:auto;