課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
footer沒有設置float，body也沒有，為什么會對footer有浮動影響？
2016-07-17
源自：如何用CSS進行網頁布局 5-2
正在回答
因為它與top是兄弟元素關系。float是原本就是為了讓其他圍著本身形成環繞效果，所以top設置了float它的兄弟footer就產生圍繞它轉的效果。
花花花花生喵 提問者
現在有三塊，top，main，footer，因為main的子集全部成浮動元素，而自己本身又沒有設置高度，所以它雖然在文檔流里面，也是沒有高度的存在。如果給main設置一個height，或者將main的任意一個有高度的子元素設置成非浮動的，都可以發現footer跑到后面去了。
top沒有設置浮動
三水朝山
舉報
用最簡潔的案例教你布局的那些知識，這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-07-17
因為它與top是兄弟元素關系。float是原本就是為了讓其他圍著本身形成環繞效果，所以top設置了float它的兄弟footer就產生圍繞它轉的效果。
2016-12-08
現在有三塊，top，main，footer，因為main的子集全部成浮動元素，而自己本身又沒有設置高度，所以它雖然在文檔流里面，也是沒有高度的存在。如果給main設置一個height，或者將main的任意一個有高度的子元素設置成非浮動的，都可以發現footer跑到后面去了。
2016-07-17
top沒有設置浮動