CCS中Float的實質(zhì)_Div+CSS教程
當(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在解決很多問題中都很有用。
不要把問題單一化,規(guī)則化,才是好的做法。
我在做的東西也很多都用“position:absolute定位”但只要你自己覺得這樣用最簡化的最有效的解決了你的問題就是好的。
在多瀏覽器兼容問題上我覺得“position:absolute定位”很有優(yōu)勢。但一定要考慮“position:absolute定位”的環(huán)境適應(yīng)度問題。
- DIV+CSS設(shè)計的誤區(qū)
- CSS基礎(chǔ):常用CSS英文字體介紹
- IE6和IE7中border邊框斷線現(xiàn)象
- border:none;與border:0;的有什么不同?
- div+css下js對聯(lián)廣告不隨屏幕滾動的解決方法
- HTML元素的ID和Name屬性的區(qū)別
- divcss教程:深入了解css的行高Line Height屬性
- CSS文檔流,塊級元素和內(nèi)聯(lián)元素
- 5個你該知道的CSS3新技術(shù)
- 用正則表達式替換a標(biāo)記href值
- 30個優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計教程
- css中px和em有什么區(qū)別
- 相關(guān)鏈接:
- 教程說明:
Div+CSS教程-CCS中Float的實質(zhì)
。