CSS浮動元素特點有什麼

千鋒武漢發表於2021-08-18

   什麼是浮動?

  元素的浮動是指設定了浮動屬性(flot)的元素。

   CSS浮動有什麼作用?

  1.讓多個盒子水平排列成一行,浮動成為佈局的重要手段;

  2.可以實現盒子的左右對齊等等;

  3.浮動最早是用來控制圖片,實現文字環繞圖片的效果。

css

   CSS浮動的語法:

  選擇器 { float: 屬性值; }

  float: left; 左浮動

  float: right; 有浮動

   浮動元素的特點:

  1.漂浮在標準流的上面。 脫離標準流。俗稱 “脫標” 。

  2.浮動的盒子不佔位置,原位置會被下面標準流盒子佔用,如果不想被標準流盒子佔用需要清楚浮動。

  3.任何元素都可以浮動。float屬性會改變元素display屬性。浮動元素會生成一個塊級框,而不論它本身是何種元素。 生成的塊級框和行內塊極其相似。

  4.子盒子的浮動參照父盒子對齊,不會與父盒子的邊框重疊,也不會超過父盒子的內邊距。

  CSS浮動元素特點有什麼?以上就是為大家介紹的詳細內容,希望上面的介紹能夠給大家帶來幫助,想要獲取更多 web前端資料,歡迎關注小千,後期分享更多前端知識。

  本文來自千鋒教育,轉載請註明出處。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2787520/,如需轉載,請註明出處,否則將追究法律責任。

相關文章