我怎样才能防止在我的网站上出现这种负面的白色 space？

Question

我一直在努力解决这个问题，我的网站在某些页面上内容较少或很少，或者如果在大屏幕上显示，它在页脚下方显示白色 space .

我尝试使用 height:100% 但如果屏幕很小，它就不起作用，因为如果我将 height:100% 放在 body{} 中，它会导致内部元素body 重叠在 body 上并导致白色 space.

我不知道还有什么可以修补来防止这种白色 space。

body, html{
    margin: 0;
    padding: 0;
    width: 100%;
    /* height: 100%; */
    /* overflow: scroll; */
}

我希望结果使 body 在所有可能的屏幕上始终处于 100%，但该元素会溢出 body 并导致白色 spaces。

Answer 1

看起来容器中的内容小于屏幕尺寸？然后你可以在主容器样式中使用 min-height:100vh 。这将使它的最小尺寸等于 windows 尺寸。 Codepen

处的示例

Answer 2

你能link我们到你的网站看看这个问题吗？

How can i prevent this negative white space in my website from appearing?