分享：CCS中Float的實(shí)質(zhì)

2022-06-14 分類：網(wǎng)站建設(shè)

當(dāng)一個(gè)元素被設(shè)定為float后，那么它似乎不再屬于這一行，也就是說，下一個(gè)元素可以跳到這一行來顯示，但第一個(gè)元素?zé)o論如何總要占據(jù)一定的空間（當(dāng)然還是在這一行），如果float:left，那么就意味著它將漂浮在這一行的最左邊，如此，第二個(gè)元素便緊貼其后（本來要沖到最左邊的，但第一個(gè)元素把最左邊的位子占了，先來后到，沒有辦法，只好坐在人家的右邊）；如果float:right，那么第一個(gè)元素將漂浮到最右邊，同理，第二個(gè)元素跑到這行來顯示，由于第一個(gè)元素不再在最左邊，所以第二個(gè)元素可以名正言順地坐上頭把交椅（這一行的最左邊）。同理，有三個(gè)或多個(gè)元素時(shí)，也一樣遵循這條法則。
Float是有很大用途的，但也不是想很多人說的可以替代一切。
Float通常是用來將默認(rèn) Display屬性為非inline值的標(biāo)簽以left或right的方式在一行中篇列，也可以理解為并排排列。
好像玩撲克牌，如果你想把撲克牌從左到右的排列而又不想考慮撲克牌的寬度和后續(xù)撲克牌的X軸坐標(biāo)位置。那你就可以用
.撲克牌{ float:left; }
還有用什么方法并沒有錯(cuò)，不要迷信別人說的用“position:absolute定位”就是錯(cuò)的。position:absolute在解決很多問題中都很有用。

文章標(biāo)題：分享：CCS中Float的實(shí)質(zhì)
標(biāo)題網(wǎng)址：http://m.2m8n56k.cn/news13/167313.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、關(guān)鍵詞優(yōu)化、做網(wǎng)站、云服務(wù)器、商城網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

引爆社交媒體的文案人性痛點(diǎn) 2022-06-14
高級操作策略：這些發(fā)外鏈技巧，你知道嗎？ 2022-06-14
做好網(wǎng)站推廣需要掌握哪些要點(diǎn)？ 2022-06-14
怎樣善用友情鏈接帶動網(wǎng)站流量 2022-06-14
大數(shù)據(jù)時(shí)代，網(wǎng)站推廣企業(yè)將營銷進(jìn)行到底 2022-06-14
身為現(xiàn)代前端人員,不懂響應(yīng)式怎么行? 2022-06-14
為“細(xì)節(jié)”而設(shè)計(jì)：讓「設(shè)計(jì)」更精致 2022-06-14

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

分享：CCS中Float的實(shí)質(zhì)