課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
視頻中,我把 中間的middle部分設置為float:right,顯示的順序是“左邊|右邊|中間”,
我把 中間的middle部分設置為float:left,顯示的順序是“左邊|中間|右邊”
這是為何?
2016-04-10
源自:如何用CSS進行網頁布局 4-1
正在回答
原理:
1、 浮動可以理解為讓某個div元素脫離標準流,漂浮在標準流之上,和標準流不是一個層次。
2、假如某個div元素A是浮動的,如果A元素上一個元素也是浮動的,那么A元素會跟隨在上一個元素的后邊。
3、div的順序是HTML代碼中div的順序決定的。
4、靠近頁面邊緣的一端是前,遠離頁面邊緣的一端是后。
分析:
1、由于是右浮動,因此右邊靠近頁面邊緣,所以右邊是前,先從right開始分析,它發現上邊的元素middle是浮動的,所以right會跟隨在middle之后?,因此middle最右邊。
2、由于是左浮動,因此左邊靠近頁面邊緣,所以左邊是前,先從middle開始分析,它發現上邊的元素left是浮動的,所以middle會跟隨在left之后?,因此left在最左邊。
覺得好 請點贊,覺得有缺點 請指出,謝謝
?
悅心者 提問者
浮動 是 相對于最近的元素浮動的
發代碼看看
舉報
用最簡潔的案例教你布局的那些知識,這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-04-10
原理:
1、 浮動可以理解為讓某個div元素脫離標準流,漂浮在標準流之上,和標準流不是一個層次。
2、假如某個div元素A是浮動的,如果A元素上一個元素也是浮動的,那么A元素會跟隨在上一個元素的后邊。
3、div的順序是HTML代碼中div的順序決定的。
4、靠近頁面邊緣的一端是前,遠離頁面邊緣的一端是后。
分析:
1、由于是右浮動,因此右邊靠近頁面邊緣,所以右邊是前,先從right開始分析,它發現上邊的元素middle是浮動的,所以right會跟隨在middle之后?,因此middle最右邊。
2、由于是左浮動,因此左邊靠近頁面邊緣,所以左邊是前,先從middle開始分析,它發現上邊的元素left是浮動的,所以middle會跟隨在left之后?,因此left在最左邊。
覺得好 請點贊,覺得有缺點 請指出,謝謝
?
2016-04-10
浮動 是 相對于最近的元素浮動的
2016-04-10
發代碼看看