CSS中的float表示的是浮動,當元素設定了float屬性就會脫離標準流,浮動在其他元素上,它會根據屬性值向左或向右浮動
CSS中的float屬性是一個頻繁用到的屬性,對於初學者來說,如果沒有理解好浮動的意義和表現出來的特性,在使用的使用很容易陷入困惑,雲裡霧裡,搞不清楚狀態。接下來將在文章中為大家詳細介紹這個屬性,希望對大家有幫助。
float屬性
float,顧名思義就是浮動,設定了float屬性的元素會根據屬性值向左或向右浮動,我們稱設定了float屬性的元素為浮動元素。
元素使用了float屬性後,可以使該元素脫離標準流本身,浮動在其他元素之上,使其不再佔用原本屬於該元素的空間,這樣會導致後面的元素上移並佔用原本屬於該元素的空間。
範例:
<div class="box"> <span class="float-ele"> 浮动元素 </span> 普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通 文档流普通文档流普通文档流普通文档流普通文档流普通文档流 </div>
float屬性的理解
#1. float屬性僅對使用該屬性的元素本身以及後面的元素產生影響(後面元素會上移-->頁腳塊上移)。
2. 內嵌元素使用了float屬性後就會變成區塊級元素,就可以設定元素的高度和寬度(參考A標籤)。
3. float屬性一般會配合後面標籤的clear屬性共同使用,以便清除float屬性帶來的對後面元素的影響。
4、使用float屬性的元素,如果未設定元素寬度,則元素寬度會自動調整為適應內容的寬度(參考內容DIV--內容區塊的大小未定義,則自動調整)。
以上是css中float什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!