方法一： 使用clear屬性的空元素
方法二：使用overflow屬性
給浮動的元素容器新增overflow:hidden/auto；
在新增overflow屬性後，浮動元素又回到了容器層，把容器層撐起來，達到清理浮動的效果
另外在 ie6 中還需要觸發 haslayout ，例如為父元素設定容器寬高或設定 zoom:1。
方法三：給浮動元素後邊的元素新增clear元素
方法四：使用css的:after偽元素
.clearfix:after {
content:'020';
display:block;
height:0;
clear:both;
visibility:hidden;
.clearfix {
zoom:1;
CSS清楚浮動
浮動是乙個有意思 你也可以說它很麻煩 的css屬性，任何元素設定了浮動，層級就提高了，會影響它後面沒設定浮動的元素，這些倒霉的被影響者會跑到浮動層的下面去 當然ie6 ie7除外 看起來是這樣 因為設定了浮動的元素會提高層級，所以如果乙個平淡無奇的父級元素 沒有設定浮動或別的提高層級的屬性 居然包住...
CSS 清除浮動的幾種方式
原文章 1 用 after 偽類，在父元素最後插入乙個空字串 content 元素設為塊級元素 display block 清除浮動 clear both 可見設為隱藏 高度為 0 2 相容低版本ie瀏覽器 同時設定給父元素設定樣式 其中 clear both 指清除元素兩側的所有浮動，如果該元素前...
css清除浮動的幾種方式
為什麼要清除浮動 清除浮動主要是為了解決，父元素因為子級元素浮動引起的內部高度為0的問題。舉個例子 此時元素是這樣的 如果我們讓其中的子元素浮動，那麼就會變成下面這樣，我們會發現父元素的內容區的高度不見了 incont使用after偽元素清除浮動 推薦使用 content content after...