千鋒前端浠浠呀老師HTML+CSS教程,零基礎web前端開發(fā)入門必看視頻
2023-07-14 09:20 作者:bili_98212550660 | 我要投稿

? 浮動:就是讓豎著排的元素橫向排列
?????一、語法:
??????float:
???????1、none:沒有浮動(默認值)
???????2、left:左浮動
???????3、right:右浮動
?????二、特性:
??????誰要橫著排,就給誰設置浮動,要浮動都浮動
??????(只浮動某一個會產(chǎn)生遮蓋的效果)
??????(例如上面的要使box2和box3依次排到box1右邊,就必須都要寫float: left;如果只寫了box2和box3,則box1保持在左上角不懂,box2在box1下面沒動,只是讓box3浮動在了box2右邊)
??????只要元素設置了浮動,就飄起來的,不占據(jù)空間(脫離文檔流)
??????(例如只給box1加上浮動,則box1飄起來,不占據(jù)空間,那box2就上到了box1的位置)
??????(假如同時給box1和box2加上浮動,則box2在box1右邊的位置,box3在box1下面,且box3里面的內(nèi)容會被box1遮?。?/p>
??????浮動元素一行放不下,就會自動換行
標簽: