2022-06-14 分類: 網(wǎng)站建設(shè)
當(dāng)一個元素被設(shè)定為float后,那么它似乎不再屬于這一行,也就是說,下一個元素可以跳到這一行來顯示,但第一個元素?zé)o論如何總要占據(jù)一定的空間(當(dāng)然還是在這一行),如果float:left,那么就意味著它將漂浮在這一行的最左邊,如此,第二個元素便緊貼其后(本來要沖到最左邊的,但第一個元素把最左邊的位子占了,先來后到,沒有辦法,只好坐在人家的右邊);如果float:right,那么第一個元素將漂浮到最右邊,同理,第二個元素跑到這行來顯示,由于第一個元素不再在最左邊,所以第二個元素可以名正言順地坐上頭把交椅(這一行的最左邊)。同理,有三個或多個元素時,也一樣遵循這條法則。
Float是有很大用途的,但也不是想很多人說的可以替代一切。
Float通常是用來將默認(rèn) Display屬性為非inline值 的標(biāo)簽以left或right的方式在一行中篇列,也可以理解為并排排列。
好像玩撲克牌,如果你想把撲克牌從左到右的排列而又不想考慮撲克牌的寬度和后續(xù)撲克牌的X軸坐標(biāo)位置。那你就可以用
.撲克牌{ float:left; }
還有用什么方法并沒有錯,不要迷信別人說的用“position:absolute定位”就是錯的。position:absolute在解決很多問題中都很有用。
分享標(biāo)題:分享:CCS中Float的實質(zhì)
網(wǎng)站路徑:http://www.rwnh.cn/news/167313.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、虛擬主機、電子商務(wù)、網(wǎng)站收錄、微信小程序、網(wǎng)站營銷
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容