Html 如何用颜色填充100%的网页

有人能帮忙吗？ 我有一个有页眉、主内容框和页脚的页面。这里有一个链接，指向正在开发的页面。我遇到的问题是我称之为“背景框”（粉红色框，上边框为深棕色）。我需要它来自动填充整个屏幕，刚好超过页脚，但现在它只填充屏幕直到屏幕的折叠部分，所以如果我向下滚动，它实际上不会填充整个屏幕。我试过身高：自动；身高：100%；但这些都没有达到预期的效果

有人对我如何解决这个问题有什么建议吗？

---

如果有人想要代码，我可以在这里发布，但您应该能够通过浏览器查看代码。

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

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

背景框
...
...

---

然后，您可以使用一些CSS技巧（例如负的

页边空白顶部

）将

#contentBox

提升到

#backgroundBox

开始的位置。

快速查看HTML，我认为绝对位置是您的问题

backgroundbox不知道文档有多大，因为它是绝对定位的，因此没有真正附加到文档上。因此，高度100%使其成为窗口高度的100%，而不是文档高度。您希望它填充文档，而不是窗口，因此必须将其附加

---

删除绝对位置并遵循necaris的建议，您应该可以。

如果没有JS，可能很难实现跨浏览器，请参见：最好将主体的背景颜色添加为粉红色，并为页眉指定单独的颜色。在页脚div结束后关闭背景框。谢谢，我将尝试此操作，但实际上我刚刚想出了一个解决办法。我没有将背景框放在底部，而是将动作颠倒过来。所以现在我把我的身体背景颜色设置为粉红色（之前是白色），背景框设置为“标题”的颜色。然后简单地将上边框交换为下边框。工作很愉快。建议的答案可能更为优雅，但这一解决方案暂时还可以。谢谢你的帮助