将 body 高度设置为 100%

Question

我需要将位于 http://www.zorglegal.nl 上的所有网页（主页除外）的主体设置为相同的高度（100% 浏览器高度），因此右侧的棕色条从上到下全屏拉伸底部。我怎样才能最好地实现这一目标？

 html{
    height: 100%;
}

body{
    min-height: 100%;
}

不起作用。我还尝试为内容元素设置一个类，并尝试将其设置为 100% 高度，但这也不起作用。我怎样才能做到这一点？

棕色条是 png 图像，并设置为全角容器的背景图像。所以如果那个容器是 100% 高，它应该可以工作。但是怎么办？

原文由 user3354767 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用视口高度。

 height: 100vh

这意味着 div 或其他内容与浏览器窗口一样高。

原文由 M4R1KU 发布，翻译遵循 CC BY-SA 3.0 许可协议