一、 給父級元素設高（一般不推薦使用）
二、clear語法：
選擇器 clear：清除
屬性值描述
left
不允許左側有浮動元素（清除左側浮動的影響）
right
不允許右側有浮動元素（清除右側浮動的影響）
both
同時清除左右兩側浮動的影響
ps：實際工作中我們幾乎只用clear：both
三、額外標籤法（隔牆法）
是在w3c推薦的做法是通過在浮動元素末尾新增乙個空的標籤，例如：style
="clear
:both
">
div>
或者其他標籤（br）即可。
可以給父級新增：overflow為hidden|auto|scroll 都可以實現：after方式為空元素額外標籤法的公升級版，好處是不用單獨加標籤了.clearfix:after
.clearfix
使用方法：
.clearfix:after,:clearfix:before
.clearfix:after
.clearfix
子盒子浮動了
影響下面布局了，
清除浮動的方式
優點缺點
額外標籤法（隔牆法）
通俗易懂，書寫方便
新增許多無意義的標籤
父級overflow：hidden；
書寫簡單
溢位隱藏
父級after偽元素
結構語義化正確
由於ie6-7不支援：after，相容性問題
父級雙偽元素
結構語義化正確
由於ie6-7不支援：after，相容性問題
html中如何清除浮動
在html中，浮動可以說是比較常用的。在頁面的布局中他有著很大的作用，但是浮動中存在的問題也是比較多的。現在我們簡單說一下怎麼去除浮動 首先我們先簡單的看一下浮動 首先我們先建立乙個簡單的div，並在其中再放兩個div，並且給他們不同的樣式。css樣式 div1 left right html 效果...
Html清除浮動
精益求精方案一 相對於空標籤閉合浮動的方法 似乎還是有些冗餘，通過查詢發現unicode字元裡有乙個 零寬度空格 也就是u 200b 這個字元本身是不可見的，所以我們完全可以省略掉 visibility hidden了 1 clearfix after 2 clearfix 精益求精方案二 由 ni...
如何清除浮動
1 使用overflow 屬性 給浮動元素的容器新增overflow hidden 或overflow auto 可以清除浮動，另外在 ie6 中還需要觸發 haslayout 例如為父元素設定容器寬高或設定 zoom 1。father2 給浮動元素的容器新增浮動 給浮動元素的容器也新增上浮動屬性即...