您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關(guān)css有什么清除浮動(dòng)的方法的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來看看吧。
說明
1、給父div定義高度。
原理:給父DIV定義固定高度,可以解決父DIV無法獲得高度的問題。
2、使用空元素。
例如(.clear{clear:both})
原理:添加一對(duì)空的DIV標(biāo)簽,使用css的clear:both屬性去除浮動(dòng),讓父DIV獲得高度。
3、讓父級(jí)div也一起浮起。
這可以初步解決當(dāng)前的浮動(dòng)問題。但也讓父級(jí)浮動(dòng)起來,又會(huì)產(chǎn)生新的浮動(dòng)問題。不建議使用。
4、父級(jí)div定義display:table。
原理:強(qiáng)制將div屬性轉(zhuǎn)換為表格。
5、父元素設(shè)置overflow:hidden,auto。
原理:這種方法的關(guān)鍵是觸發(fā)BFC。IE6還需要觸發(fā)hasLayout(zoom:1)
6、父級(jí)div定義偽類。
after和zoom。
實(shí)例
.clearfix:after{ content:'.'; display:block; height:0; clear:both; visibility: hidden; } .clearfix {zoom:1;}
感謝各位的閱讀!關(guān)于“css有什么清除浮動(dòng)的方法”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。