如何用一种颜色填充100％的网页

Question

有人可以帮忙吗？ 我有一个页面，有一个标题，主要内容框和页脚。这是指向正在开发的页面My Test Page的链接。我遇到的问题是我称之为“背景框”（粉红色的盒子，带有深褐色的顶部边框）。我需要它自动填充整个屏幕，正好在页脚之后，但此刻它只是将屏幕填满屏幕的折叠，所以如果我向下滚动它实际上不会填满整个屏幕。我试过身高：自动;和身高：100％;但这些都没有产生预期的效果。

有没有人对我可以采取哪些措施来解决这个问题？ 如果有人想要我可以在这里发布的代码，但您应该能够通过浏览器查看代码。

Answer 1

如果您想确保背景框将作为其他元素的背景，您是否尝试将其他元素嵌套到背景框中？例如：

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

然后，您可以使用一些CSS技巧（例如，否定margin-top）来提升#contentBox开始的#backgroundBox。

Answer 2

快速浏览一下HTML，我认为绝对定位就是你的问题。

背景框不知道文档的大小，因为它绝对定位，因此并不真正依附于它。因此高度100％使其成为窗口高度的100％，而不是文档高度。您希望它填充文档，而不是窗口，因此您必须将其附加。

删除绝对位置并遵循necaris的建议，你应该没问题。