html - 为什么我的外包装 DIV 不再覆盖整个浏览器窗口？

Question

除了主页之外，我网站上的每个页面在以下方面似乎都很好：

背景图像设置在要固定并覆盖窗口的外包装内。

#outerWrapper{
    background-image:url("https://glutenfreeradio.co/assets/img/background.jpg");
    background-position:center center;
    background-size:cover;
    background-attachment:fixed;
    background-repeat:no-repeat;
    position:absolute;
    min-width:100%;
    width:100%;
    min-height:100%;
    z-index:1
}

问题似乎不在于背景图像行为不端，而在于外包装不再像以前那样覆盖整个窗口。但我终生无法弄清楚为什么外包装不再覆盖整个窗户以及如何让它再次覆盖。

标签： htmlcsswrapper

Answer 1

您应该设置min-height为100vh而不是100%. 请参阅此处了解更多信息。