CSS浮動元素特點有什麼
什麼是浮動?
元素的浮動是指設定了浮動屬性(flot)的元素。
CSS浮動有什麼作用?
1.讓多個盒子水平排列成一行,浮動成為佈局的重要手段;
2.可以實現盒子的左右對齊等等;
3.浮動最早是用來控制圖片,實現文字環繞圖片的效果。
CSS浮動的語法:
選擇器 { float: 屬性值; }
float: left; 左浮動
float: right; 有浮動
浮動元素的特點:
1.漂浮在標準流的上面。 脫離標準流。俗稱 “脫標” 。
2.浮動的盒子不佔位置,原位置會被下面標準流盒子佔用,如果不想被標準流盒子佔用需要清楚浮動。
3.任何元素都可以浮動。float屬性會改變元素display屬性。浮動元素會生成一個塊級框,而不論它本身是何種元素。 生成的塊級框和行內塊極其相似。
4.子盒子的浮動參照父盒子對齊,不會與父盒子的邊框重疊,也不會超過父盒子的內邊距。
CSS浮動元素特點有什麼?以上就是為大家介紹的詳細內容,希望上面的介紹能夠給大家帶來幫助,想要獲取更多 web前端資料,歡迎關注小千,後期分享更多前端知識。
本文來自千鋒教育,轉載請註明出處。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2787520/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- IE CSS Bug系列:有layout的元素無法浮動CSS
- Java語言有什麼特點Java
- 獨享IP有什麼特點?
- flask-wtf有什麼特點Flask
- Python集合有什麼特點Python
- python列表有什麼特點Python
- 33-CopyOnWriteArrayList 有什麼特點?
- WebSocket有什麼優勢?有哪些特點?Web
- 資料中心代理有什麼特點?
- 分析好用的CRM有什麼特點?
- 與HTML相比XHTML有什麼特點?HTML
- 國密瀏覽器是什麼?有哪些?有什麼特點?瀏覽器
- Linux是什麼意思?Linux有什麼特點?Linux
- 開箱即用的模型叫什麼模型?有什麼特點模型
- css中的閉合浮動是什麼意思CSS
- Altair SimSolid軟體有什麼特點AISolid
- 大資料技術有什麼特點大資料
- BI報表系統有什麼特點
- 與HTML相比XHTML有什麼特點?(轉)HTML
- CSS如何居中一個float浮動元素?CSS
- CSS圍住浮動元素的三種方法CSS
- 什麼是響應式網頁?有什麼特點呢?網頁
- 什麼是Go語言?Go語言有什麼特點?Go
- 網路安全中蜜罐是什麼意思?有什麼特點?
- Linux有什麼特點?體系結構有哪些?Linux
- Docker有哪些特點?與Linux有什麼區別?DockerLinux
- Python能代替shell嗎?有什麼特點?Python
- 什麼是雲解析?雲解析有哪些特點?
- python中物件導向有什麼特點Python物件
- 高安全等級網路是什麼意思?有什麼特點?
- 【知識分享】web伺服器是什麼有什麼特點Web伺服器
- CSS 浮動(Float) 清除浮動CSS
- 什麼是浮動IP
- Linux學習教程之什麼是Redis?Redis有什麼特點?LinuxRedis
- 什麼是Linux系統?Linux系統有什麼特點?Linux
- 企業微信scrm管理系統是什麼意思?有什麼特點?
- 雲端計算有什麼特點或優勢呢?
- 資料視覺化軟體有什麼特點視覺化