這篇文章主要為大家展示了“css中float是什么意思”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css中float是什么意思”這篇文章吧。
創(chuàng)新互聯(lián)自2013年起,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元通城做網(wǎng)站,已為上家服務(wù),為通城各地企業(yè)和個人服務(wù),聯(lián)系電話:028-86922220
CSS中的float表示的是浮動,當(dāng)元素設(shè)置了float屬性就會脫離標(biāo)準(zhǔn)流,浮動在其他元素上,它會根據(jù)屬性值向左或者向右浮動
CSS中的float屬性是一個頻繁用到的屬性,對于初學(xué)者來說,如果沒有理解好浮動的意義和表現(xiàn)出來的特性,在使用的使用很容易陷入困惑,云里霧里,搞不清楚狀態(tài)。接下來將在文章中為大家詳細(xì)介紹這一屬性,希望對大家有所幫助。
float屬性
float,顧名思義就是浮動,設(shè)置了float屬性的元素會根據(jù)屬性值向左或向右浮動,我們稱設(shè)置了float屬性的元素為浮動元素。
元素使用了float屬性后,可以使該元素脫離標(biāo)準(zhǔn)流本身,浮動在其他元素之上,使其不再占用原本屬于該元素的空間,這樣會導(dǎo)致后面的元素上移并占用原本屬于該元素的空間。
例:
浮動元素
普通文檔流普通文檔流普通文檔流普通文檔流普通文檔流普通文檔流普通文檔流普通文檔流普通文檔流普通
文檔流普通文檔流普通文檔流普通文檔流普通文檔流普通文檔流
float屬性的理解
1.float屬性僅對使用該屬性的元素本身以及后面的元素產(chǎn)生影響(后面元素會上移-->頁腳塊上移)。
2.內(nèi)聯(lián)元素使用了float屬性后就會變成塊級元素,就可以設(shè)置元素的高度和寬度(參考A標(biāo)簽)。
3.float屬性一般配合后面標(biāo)簽的clear屬性共同使用,以便清除float屬性帶來的對后面元素的影響。
4、使用float屬性的元素,如果未設(shè)置元素寬度,則元素寬度自動調(diào)整為適應(yīng)內(nèi)容的寬度(參考內(nèi)容DIV--內(nèi)容塊的大小未定義,則自動調(diào)整)。
以上是“css中float是什么意思”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!