課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
任務四,
為什么要添加清除浮動呢?
是前幾個浮動效果影響了后面的元素么?
沒太理解,有沒有大佬指教一下
2018-05-18
源自:如何用CSS進行網頁布局 5-2
正在回答
clear:both;簡單理解就是不允許元素,也就是footer? 兩邊?有浮動的?東西存在,? 所以它被擠下來?
意思就是說,清除浮動后,對于footer來說,上面的元素是沒有浮動的?
你可以先運行結果看看,footer 的色塊已經跑到了上面,只有文字在下面,之所以會跑走,是因為上面的元素用了浮動,原來的位置就空了出來,然后 footer 沒有浮動元素,又沒有清除浮動,就占據了中間位置,所以,想讓footer 在他自己的位置,就先清除浮動(clear:both)希望幫到你~
bincode
三水梅林
舉報
用最簡潔的案例教你布局的那些知識,這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-09-19
clear:both;簡單理解就是不允許元素,也就是footer? 兩邊?有浮動的?東西存在,? 所以它被擠下來?
2018-05-23
意思就是說,清除浮動后,對于footer來說,上面的元素是沒有浮動的?
2018-05-18
你可以先運行結果看看,footer 的色塊已經跑到了上面,只有文字在下面,之所以會跑走,是因為上面的元素用了浮動,原來的位置就空了出來,然后 footer 沒有浮動元素,又沒有清除浮動,就占據了中間位置,所以,想讓footer 在他自己的位置,就先清除浮動(clear:both)
希望幫到你~