更新時間:2021-08-13 來源:黑馬程序員 瀏覽量:
元素的浮動是指設(shè)置了浮動屬性(flot)的元素。
1.讓多個盒子水平排列成一行,浮動成為布局的重要手段;
2.可以實現(xiàn)盒子的左右對齊等等;
3.浮動最早是用來控制圖片,實現(xiàn)文字環(huán)繞圖片的效果。
選擇器 { 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)邊距。
猜你喜歡: