首頁 > web前端 > css教學 > 主體

css中float什麼意思

清浅
發布: 2019-05-14 11:38:50
原創
5700 人瀏覽過

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

CSS中的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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板