CSS 100％高度未按预期缩放

Question

这个问题似乎已被问了一千次，而且我已经阅读了大部分内容，但仍然没有运气。

这是我尝试使用http://exilion.eu的网站

我希望顶部照片和菜单栏缩放到浏览器。 我以为我设法解决了这个问题，但是出于一些奇怪的原因，下一个元素会在中间出现，正如你所看到的那样。

我设计了一个wordpress主题，这就是为什么我不能100％肯定我正在做的事情......

元素包含在 ＆＃39; #masthead＆＃39;

它的最小高度为100％。 和所有的父母一样。

感谢您的帮助！

Answer 1

你可以尝试：

#masthead {
min-height: 100vh;
}

编辑：我想你可能需要删除溢出：隐藏于body，html以显示滚动条。