我需要将位于
http://www.zorglegal.nl的所有网页(主页除外)的主体位于相同的高度(100%浏览器高度),因此右侧的棕色条从上到下全屏拉伸.我怎样才能做到最好?
html{ height: 100%; } body{ min-height: 100%; }
不起作用.我还尝试为内容元素设置一个类,并尝试将其设置为100%高度,但这也不起作用.我怎样才能做到这一点?
棕色条是png图像,设置为全宽容器的背景图像.因此,如果该容器100%高,它应该工作.但是怎么样?
解决方法
您可以使用视口高度.
height: 100vh
这意味着div或其他任何东西都与浏览器窗口一样高.