首頁(yè)技術(shù)文章正文

什么是CSS浮動(dòng)?有什么作用？

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

好口碑IT培訓(xùn)

什么是浮動(dòng)?

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

1.讓多個(gè)盒子水平排列成一行，浮動(dòng)成為布局的重要手段;

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

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

選擇器 { float: 屬性值; }

float: left; 左浮動(dòng)

float: right; 有浮動(dòng)

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

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

3.任何元素都可以浮動(dòng)。float屬性會(huì)改變?cè)豥isplay屬性。浮動(dòng)元素會(huì)生成一個(gè)塊級(jí)框，而不論它本身是何種元素。生成的塊級(jí)框和行內(nèi)塊極其相似。

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

猜你喜歡：

CSS選擇器用法大全