html – 将身高设置为100％

概述我需要将位于 http://www.zorglegal.nl的所有网页(主页除外)的主体位于相同的高度(100％浏览器高度),因此右侧的棕色条从上到下全屏拉伸.我怎样才能做到最好？ html{ height: 100%;}body{ min-height: 100%;} 不起作用.我还尝试为内容元素设置一个类,并尝试将其设置为100％高度,但这也不起作用.我怎样才能做到这一 我需要将位于 http://www.zorglegal.nl的所有网页(主页除外)的主体位于相同的高度(100％浏览器高度),因此右侧的棕色条从上到下全屏拉伸.我怎样才能做到最好？

HTML{    height: 100%;}body{    min-height: 100%;}

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

棕色条是png图像,设置为全宽容器的背景图像.因此,如果该容器100％高,它应该工作.但是怎么样？

解决方法 您可以使用视口高度.

height: 100vh

这意味着div或其他任何东西都与浏览器窗口一样高.

总结

以上是内存溢出为你收集整理的html – 将身高设置为100％全部内容，希望文章能够帮你解决html – 将身高设置为100％所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。