課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
這個代碼中為什么要給footer寫上clear:both;如果不寫便不會顯示其背景顏色??煽戳诉@個布局發現footer這個div沒看出來是受了那個div的浮動影響?
2017-03-11
源自:如何用CSS進行網頁布局 5-2
正在回答
1.原因:footer與head是文檔流,而其他元素均設置了浮動,從而脫離了文檔流,所以此處footer直接忽略其他浮動的元素好像不存在一樣,直接就排在head后面去了。
2.解決:因此給footer元素設置了clear: both;清理浮動,使它們與footer一樣排在head的后面。
浪里白嫖張順
花森煜米 回復 浪里白嫖張順
其實不寫的話也會顯示出來的,因為footer的寬度為100%,比main的要寬,只不過因為前面浮動造成main的自適應高度沒在文本流中占位置,所以他其實會顯示在緊貼tophead的下方
為了使布局不受其他快元素受影響,讓網頁更加整齊,美觀,
舉報
用最簡潔的案例教你布局的那些知識,這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-06-14
1.原因:footer與head是文檔流,而其他元素均設置了浮動,從而脫離了文檔流,所以此處footer直接忽略其他浮動的元素好像不存在一樣,直接就排在head后面去了。
2.解決:因此給footer元素設置了clear: both;清理浮動,使它們與footer一樣排在head的后面。
2017-06-13
其實不寫的話也會顯示出來的,因為footer的寬度為100%,比main的要寬,只不過因為前面浮動造成main的自適應高度沒在文本流中占位置,所以他其實會顯示在緊貼tophead的下方
2017-03-11
為了使布局不受其他快元素受影響,讓網頁更加整齊,美觀,