Css 我怎样才能防止我的网站出现这种负面空白？

我一直在努力解决这个问题有一段时间了，我的网站在一些页面上的内容较少或很少，或者如果它显示在大屏幕上，它会在页脚下显示空白

“如图所示（）”

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

“如图所示（）”

我不知道还有什么可以修补以防止出现空白

• 我尝试添加高度：100%在body中，html（当我在div中添加更多元素时，在小屏幕上不起作用）

---

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

看起来容器中的内容小于屏幕大小？然后您可以在主容器样式中使用

min height:100vh

。这将使其最小大小等于windows大小。例如，

你能将我们链接到你的网站，让我们看到问题吗？

你没有提供足够的信息。我们需要查看你的页面代码。另外，根据经验，你的页面容器应该是正文下的某种div，你的容器是否有100%的宽度和高度？你需要看到什么代码？我应该复制整个CSS还是HTML？cod页面的e？是的，我所有的容器都是百分比，100%高，有些是20%宽。我们需要一个a我应该在（正文，html）中添加最小高度吗？或者你是指包含图片的容器吗？如果没有看到代码，很难确定，但我认为你应该将其添加到黑色容器中（一个有背景图片）。我更新了Codepen示例，现在可能更清晰了，至少如果你有一个大屏幕。尝试使用和不使用max heigh，你会看到区别。我尝试使用min heigh，效果很好，谢谢。我将尝试在GitHub中上传它

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