CSS清除浮動(dòng) 萬(wàn)能完美float閉合

admin

清除浮動(dòng)，新手朋友往往不是很明白。如果不清除浮動(dòng)對float進(jìn)行閉合，在FF中往往會(huì )出錯，在大前端有大量的文章進(jìn)行過(guò)介紹。今天向大家推薦一個(gè)實(shí)例，非常簡(jiǎn)潔易用。

給需要閉合的DIV（class為clearfix）加上如下的CSS樣式即可：

1. .clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden;}
   
2. *html .clearfix{height:1%;}
   
3. *+html .clearfix{height:1%;}
   
4. .clearfix{display:inline-block;}
   
5. .clearfix {display:block;}

復制代碼

不過(guò)貌似這樣有點(diǎn)麻煩，呵呵，常用的是下面的：

1. .clear{clear:both;height:0px;overflow:hidden;}

復制代碼