參考：

http://www.cnblogs.com/zllwebjs/archive/2010/03/19/1689980.html

http://www.cnblogs.com/zhangyufeng523/archive/2011/05/09/2041224.html

?

清除浮動方法有好幾種，

1. 用空div，設置css為clear:both

2. 用空br，設置css為clear:both

3. 用空br，用原生clear屬性

以上三種都需要添加額外元素，對dom操作容易產生其他問題（之前做項目確實碰到過空div進行clear帶來的煩惱）

?

再來看看先進的方法：

?

/*.clearfix{zoom:1}*/

/*.clearfix{*height:1%}*/

.clearfix:after{content:"."; clear:both; height: 0; display: block; visibility: hidden; line-height: 0;}

通過設置zoom或者height都可以觸發IE的hasLayout屬性，這樣就可以解決浮動帶來的問題。

轉載于:https://www.cnblogs.com/chyong168/archive/2011/11/20/2256107.html

總結

以上是生活随笔為你收集整理的css - clearfix-清除浮动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。