教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

什么是CSS浮動?有什么作用？

更新時間:2021年08月13日17時45分 來源:傳智教育 瀏覽次數(shù):

好口碑IT培訓



什么是浮動?

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


CSS浮動有什么作用?

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

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

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


CSS浮動的語法

選擇器 { float: 屬性值; }

float: left; 左浮動

float: right; 有浮動


浮動元素的特點：

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

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

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

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



猜你喜歡：

CSS選擇器用法大全

unicode字體是什么?

CSS是什么意思？史上最詳細介紹

CSS3相比CSS有哪些優(yōu)勢？

什么是HTML，什么是H5？

傳智教育web前端開發(fā)培訓課程

0 分享到：
和我們在線交談！