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