課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
其實我想為為什么要清除浮動?。坎磺宄訛槭裁磃ooter的綠色就沒有顯示出來?
2015-08-25
源自:如何用CSS進行網頁布局 5-2
正在回答
如果不清除浮動,float的元素是脫離了文檔流,那么這個元素原來在文檔流里的位置不會被繼續保留,就會被后來的元素所替代。這個例子中,float的元素的高度要比后來的元素即footer的高度要高,所以footer會被float的元素覆蓋了,如果你把float的元素高度設置的比footer小一點,你就可以看到footer顯出了部分綠色。 那么如果footer的樣式中添加clear的作用是,保留原來float元素在文檔流中的位置,這樣footer元素就不會去替代float元素所在的位置了。
肉奶兒 提問者
shantouyyt 回復 肉奶兒 提問者
血蝴蝶
imlk
有沒有人用 偽元素清除的 footer before:{ content:''; clear:both;} ?這個貌似不能成功? 誰知道為什么嗎
解釋的很好
舉報
用最簡潔的案例教你布局的那些知識,這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-08-26
如果不清除浮動,float的元素是脫離了文檔流,那么這個元素原來在文檔流里的位置不會被繼續保留,就會被后來的元素所替代。這個例子中,float的元素的高度要比后來的元素即footer的高度要高,所以footer會被float的元素覆蓋了,如果你把float的元素高度設置的比footer小一點,你就可以看到footer顯出了部分綠色。 那么如果footer的樣式中添加clear的作用是,保留原來float元素在文檔流中的位置,這樣footer元素就不會去替代float元素所在的位置了。
2015-10-24
有沒有人用 偽元素清除的 footer before:{ content:''; clear:both;} ?這個貌似不能成功? 誰知道為什么嗎
2015-10-20
解釋的很好