html - 更改页面其余部分的颜色

<分区>

关闭 8 年前。

我在构建的网站上遇到问题。

并非所有页面的长度都足以填满整个浏览器，底部留有白色。您可以在下图中看到问题。

enter image description here

您可以看到网页下方有空白区域。

实际上我想扩展页脚以填充页面的其余部分。

请注意，设置 HTML 的颜色仅适用于 FireFox。

下面是我的相关CSS代码

此外，下面是我的示例图片中使用的页面的 HTML:

上面的代码有点乱，因为我不得不用它们包含的代码替换一些包含，但是我认为可以清楚地看到页面是如何编码的。

关于执行此操作的最佳方法有什么建议吗？

答案:我通过添加

解决了这个问题

min-height: 100vh;
background-color: #3D3D3D;

到 body div，然后重新调整一些 HTML。

最佳答案

添加以下 CSS:

body {
    min-height: 100vh;
}

这将使您的页面高度至少等于视口(viewport)的高度。

更新:正如 panther 在评论中提醒的那样，检查 this浏览器兼容性。

更新 2:当然，如果页脚贴在底部，这只会执行您期望的操作。参见 Keith Tomas's answer对于确实将页脚粘在页面底部的 CSS。

关于html - 更改页面其余部分的颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30441933/

相关文章：

css - 分页符在 Node js 中的 html-pdf 转换器中不起作用