什么是浮動(dòng)?

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

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

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

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

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

CSS浮動(dòng)的語法

選擇器 { float: 屬性值; }

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

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

浮動(dòng)元素的特點(diǎn)：

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ì)超過父盒子的內(nèi)邊距。

猜你喜歡：

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

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

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

Css中如何清理浮動(dòng)？

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

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