CSS清除浮動(dòng)

時(shí)間：2025-08-20 10:04:53 網(wǎng)頁設(shè)計(jì)

CSS清除浮動(dòng)

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

　　給需要閉合的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)】相關(guān)文章：

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

CSS居中浮動(dòng)元素的使用方法11-28

什么是CSS03-02