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

标签 html css height fill

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

有人对我如何解决此问题有任何建议吗? 如果有人想要代码,我可以将其张贴在这里,但您应该能够通过浏览器查看代码。

最佳答案

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

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

然后您可以使用一些 CSS 技巧(例如负 margin-top)将 #contentBox 提升到 #backgroundBox 开始。

关于html - 如何用颜色填充 100% 的网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11259299/

相关文章:

jquery - 在容器中从上到下而不是从左到右的瓷砖

html - CSS 元素 100% 的父元素

javascript - Identity Toolkit 无法工作 - 错误代码 : Bad response from IDP

css - 如何让 FlexBox 元素与 SVG 元素重叠?

javascript - Bootstrap 3 carousel lazyload 插件不适用于 jQuery 1.11

jquery - mmenu - newbee - 没有错误,只是打不开?

javascript - mouseenter JavaScript 不工作

具有动态单元高度的 Swift 水平 UICollectionView

html - z 索引溢出

html - 创建社交媒体工具提示