真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

怎么在css中使用clearfix和clear清除浮動(dòng)

怎么在css中使用clearfix和clear清除浮動(dòng)？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比郴州網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式郴州網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋郴州地區(qū)。費(fèi)用合理售后完善，十年實(shí)體公司更值得信賴。

如何在html中使用clearfix和clear
.fl{float:left;}
.demo{background:#ccc;}
.item1{background:#f90;height:100px;width:100px;}
.item2{background:#fc0;height:200px;width:100px;}

我們都知道使用浮動(dòng)會(huì)產(chǎn)生很多未知的問題，通過上面的例子我們可以發(fā)現(xiàn) class="demo" 的高度并沒有被里面的 div 給撐開，這是因?yàn)槔锩娴?div 產(chǎn)生浮動(dòng)而脫離了該文檔，因?yàn)?demo 本身沒有高度，所以我們看不到它的灰色背景。當(dāng)然只要給 demo 一個(gè)高度就行了，但是這就脫離了本文的目的（有時(shí)我們希望外層 div 的高度由里面的內(nèi)容來決定）。

既然是浮動(dòng)產(chǎn)生的問題，那么只要清除浮動(dòng)就可以了，相信高手們有很多清除浮動(dòng)的方法，比如 overflow:hidden。下面我將介紹用 clearfix 和 clear 來清除浮動(dòng)。

XML/HTML Code復(fù)制內(nèi)容到剪貼板

如何在html中使用clearfix和clear

.fl{float:left;}

.demo{background:#ccc;}

.item1{background:#f90;height:100px;width:100px;}

.item2{background:#fc0;height:200px;width:100px;}

用 clear 清除浮動(dòng)

用 clearfix 清除浮動(dòng)

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)的支持。

http://weahome.cn/article/gehcce.html