課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
不太理解任務四。為什么要margin-top:600px;這樣寫?3個div,top,main和footer在頁面中從上到下,margin是外邊距,在footer中margin不是應該是到main的外邊距么?
2016-08-05
源自:如何用CSS進行網頁布局 5-2
正在回答
這不是要給div設置高度的問題,設置了float(浮動)、position:absolute(絕對定位)等脫離文檔流的樣式后,就和文檔流脫離了。也就是不在一個層面。而文檔流的內容就會接著上一個文檔流內容排列。舉個例子:水缸里扔了一塊石頭,如果讓這石頭脫離文檔流,就把石頭抓起來。那么石頭原來所占體積的空間就會被水填充了。像這個任務4,他前面的元素脫離文檔流了,那么footer就會接著前面沒有脫離文檔流的元素排列。footer要消除前面浮動的影響,只要清除浮動就行了。clear:both(或者同時 clear:left;clear:right;)
打邊爐
我說怎么不對勁, 他沒給div-mian 設置高度 。不給大的div設置寬度,即使有內容填充, 下方的foot 還是會緊貼著 top
我不知道你是不是我想的這個意思,main是自適應高度,沒有設定明確的高度,而main里面的其他元素都是float了,都浮動上去了,你可以想象它浮起來了,那footer就緊挨著有高度的top,而main沒有,所以不是footer到main的外邊距吧,而是到top的。。是這個意思嗎??
這個我覺得不用管了吧,現在基本不用考慮ie6了
舉報
用最簡潔的案例教你布局的那些知識,這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-08-24
這不是要給div設置高度的問題,設置了float(浮動)、position:absolute(絕對定位)等脫離文檔流的樣式后,就和文檔流脫離了。也就是不在一個層面。而文檔流的內容就會接著上一個文檔流內容排列。舉個例子:水缸里扔了一塊石頭,如果讓這石頭脫離文檔流,就把石頭抓起來。那么石頭原來所占體積的空間就會被水填充了。像這個任務4,他前面的元素脫離文檔流了,那么footer就會接著前面沒有脫離文檔流的元素排列。footer要消除前面浮動的影響,只要清除浮動就行了。clear:both(或者同時 clear:left;clear:right;)
2016-08-06
我說怎么不對勁, 他沒給div-mian 設置高度 。不給大的div設置寬度,即使有內容填充, 下方的foot 還是會緊貼著 top
2016-08-05
我不知道你是不是我想的這個意思,main是自適應高度,沒有設定明確的高度,而main里面的其他元素都是float了,都浮動上去了,你可以想象它浮起來了,那footer就緊挨著有高度的top,而main沒有,所以不是footer到main的外邊距吧,而是到top的。。是這個意思嗎??
2016-08-05
這個我覺得不用管了吧,現在基本不用考慮ie6了