這篇文章主要介紹CSS中元素的浮動用哪個屬性，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了赤城免費建站歡迎大家使用！

CSS中元素的浮動用float屬性。float屬性用于定義元素在哪個方向浮動；元素使用了float屬性后，可以使該元素脫離標(biāo)準(zhǔn)流本身，浮動在其他元素之上，使其不再占用原本屬于該元素的空間，但也會導(dǎo)致后面的元素上移并占用原本屬于該元素的空間。

CSS中元素的浮動用float屬性。

css float屬性

float，顧名思義就是浮動，設(shè)置了float屬性的元素會根據(jù)屬性值向左或向右浮動，我們稱設(shè)置了float屬性的元素為浮動元素。

元素使用了float屬性后，可以使該元素脫離標(biāo)準(zhǔn)流本身，浮動在其他元素之上，使其不再占用原本屬于該元素的空間，這樣會導(dǎo)致后面的元素上移并占用原本屬于該元素的空間。

屬性值

• left 元素向左浮動。

• right 元素向右浮動。

• none 默認(rèn)值。元素不浮動，并會顯示在其在文本中出現(xiàn)的位置。

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)整）。

示例：

 





在下面的段落中，我們添加了一個 float:right 的圖片。導(dǎo)致圖片將會浮動在段落的右邊。


這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。
這是一些文本。這是一些文本。這是一些文本。

效果圖：

以上是“CSS中元素的浮動用哪個屬性”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！