CSS浮動元素有什么特點？

什么是浮動?

元素的浮動是指設(shè)置了浮動屬性(flot)的元素。

CSS浮動有什么作用?

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

2.可以實現(xiàn)盒子的左右對齊等等;

3.浮動最早是用來控制圖片，實現(xiàn)文字環(huán)繞圖片的效果。

CSS浮動的語法

選擇器 { float: 屬性值; }

float: left; 左浮動

float: right; 有浮動

浮動元素的特點：

1.漂浮在標(biāo)準(zhǔn)流的上面。 脫離標(biāo)準(zhǔn)流。俗稱 “脫標(biāo)” 。

2.浮動的盒子不占位置，原位置會被下面標(biāo)準(zhǔn)流盒子占用，如果不想被標(biāo)準(zhǔn)流盒子占用需要清楚浮動。

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

4.子盒子的浮動參照父盒子對齊，不會與父盒子的邊框重疊，也不會超過父盒子的內(nèi)邊距。

猜你喜歡：

CSS動畫和JS動畫有什么區(qū)別？

CSS是什么意思？CSS的全稱是什么？

什么是CSS選擇器？如何使用？

Css中如何清理浮動？

常用css樣式大全[2020最新整理版]

黑馬程序員web前端開發(fā)培訓(xùn)課程