0

有人可以帮忙吗？我有一个包含页眉、主要内容框和页脚的页面。这是正在开发中的页面的链接My Test Page。我遇到的问题是我所谓的“背景框”（带有深棕色顶部边框的粉红色框）。我需要它自动填充整个屏幕，就在页脚之后，但目前它只是将屏幕填充到屏幕的折叠处，所以如果我向下滚动它实际上并没有填满整个屏幕。我试过 height: auto; 和高度：100%；但这些都没有达到预期的效果。

有没有人对我可以做些什么来解决这个问题有任何建议？如果有人想要代码，我可以在这里发布，但您应该能够通过浏览器查看代码。

4

2 回答 2

1

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

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

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

于 2012-06-29T09:36:45.603 回答
0

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

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

去掉绝对位置，听从necaris的建议，应该没问题。

于 2012-06-29T09:43:16.027 回答