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

當(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://www.bm7419.com/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)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)