float什么意思(css中float是什么意思)

　　CSS中的float表示的是浮動,當元素設置了float屬性就會脫離標準流,浮動在其他元素上,它會根據屬性值向左或者向右浮動

　　CSS中的float屬性是一個頻繁用到的屬性,對于初學者來說,如果沒有理解好浮動的意義和表現出來的特性,在使用的使用很容易陷入困惑,云里霧里,搞不清楚狀態。接下來將在文章中為大家詳細介紹這一屬性,希望對大家有所幫助。

　　float屬性

　　float,顧名思義就是浮動,設置了float屬性的元素會根據屬性值向左或向右浮動,我們稱設置了float屬性的元素為浮動元素。

　　元素使用了float屬性后,可以使該元素脫離標準流本身,浮動在其他元素之上,使其不再占用原本屬于該元素的空間,這樣會導致后面的元素上移并占用原本屬于該元素的空間。

　　例:

　　<pclass="box">

　　<spanclass="float-ele">

　　浮動元素

　　</span>

　　普通文檔流普通文檔流普通文檔流普通文檔流普通文檔流普通文檔流普通文檔流普通文檔流普通文檔流普通

　　文檔流普通文檔流普通文檔流普通文檔流普通文檔流普通文檔流

　　</p>

　　float屬性的理解

　　1.float屬性僅對使用該屬性的元素本身以及后面的元素產生影響(后面元素會上移-->頁腳塊上移)。

　　2.內聯元素使用了float屬性后就會變成塊級元素,就可以設置元素的高度和寬度(參考A標簽)。

　　3.float屬性一般配合后面標簽的clear屬性共同使用,以便清除float屬性帶來的對后面元素的影響。

　　4、使用float屬性的元素,如果未設置元素寬度,則元素寬度自動調整為適應內容的寬度(參考內容DIV--內容塊的大小未定義,則自動調整)。