如何用顏色填充100％的網頁

任何人都可以請幫忙嗎？我有一個包含標題，主要內容框和頁腳的頁面。以下是正在開發的頁面的鏈接My Test Page。我遇到的問題是我稱之爲「背景框」（粉紅色的盒子和深褐色的頂部邊框）。我需要它自動填充整個屏幕，直到頁腳過去，但此刻它只是將屏幕填充到屏幕的摺疊處，所以如果我向下滾動屏幕，它實際上並不會填滿整個屏幕。我曾嘗試過高度：auto;和高度：100％;但這些都沒有達到預期的效果。如何用顏色填充100％的網頁

有沒有人有任何建議，我可以做些什麼來解決這個問題？如果有人想要我可以在這裏發佈的代碼，但你應該能夠通過瀏覽器查看代碼。

來源

2012-06-29 heyred

可能很難實現跨瀏覽器沒有JS，看到這個：http://stackoverflow.com/questions/90178/make-a-div-fill-the-remaining-screen-space – greg84

更好地添加背景顏色的身體粉紅色，給標題分開的顏色。 – Exor

在頁腳div結束後關閉backgroundbox。 – SVS

如果您想確保背景框將作爲其他元素的背景，您是否嘗試過將這些其他元素嵌套到背景框中？例如：

<div id="backgroundBox"> Background box 
    <div id="contentBox">...</div> 
    <div id="footer">...</div> 
</div>

然後，您可以使用一些CSS技巧（負margin-top，例如）提高#backgroundBox開始的位置上面的#contentBox。

來源

2012-06-29 09:36:45 necaris

謝謝我試試這個，但我實際上只是想出了一個解決方法。不是將背景框放在底部，而是顛倒了行動。所以現在我的身體背景顏色設置爲粉紅色（白色之前），背景框設置爲「標題」的顏色。然後簡單地將頂部邊界換成底部邊界。工作過一種享受。建議的答案可能會更優雅，但是這種解決方法暫時可以實現。謝謝您的幫助 – heyred

快速瀏覽一下你的HTML，我認爲絕對定位就是你的問題。

背景框不知道文檔有多大，因爲它絕對定位，因此並不真正附加到它。因此，高度100％使其成爲窗口高度的100％，而不是文檔高度。您希望它填充文檔，而不是窗口，因此您必須將其保留。

刪除絕對位置，並按照necaris的建議，你應該沒問題。

來源

2012-06-29 09:43:16

如何用顏色填充100％的網頁

回答

相關問題