CSS清除浮動(dòng) 萬能float閉合

時(shí)間：2024-10-08 13:23:36 網(wǎng)頁設(shè)計(jì) 我要投稿

　　導(dǎo)語：清除浮動(dòng)，新手朋友往往不是很明白。如果不清除浮動(dòng)對(duì)float進(jìn)行閉合，在FF中往往會(huì)出錯(cuò)，本站有大量的文章進(jìn)行過介紹。今天百分網(wǎng)小編向大家推薦一個(gè)實(shí)例，非常簡潔易用。

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

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

　　*html .clearfix{height:1%;}

　　*+html .clearfix{height:1%;}

　　.clearfix{display:inline-block;}

　　.clearfix {display:block;}

　　不過貌似這樣有點(diǎn)麻煩，其實(shí)常用的是下面的：

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

【CSS清除浮動(dòng) 萬能float閉合】相關(guān)文章：