如何防止我的网站中出现此负空格？

Question

一段时间以来，我一直在解决此问题，我的网站上某些页面的内容很少或很少，或者如果它显示在大屏幕上，则在页脚正下方显示空白。

“如下所示（https://imgur.com/ATR59Ts）”

我尝试使用height：100％，但如果屏幕很小，则无法使用，因为如果我将height：100％放在body {}中，则会导致体内的元素重叠在身体上并导致白色空间。

“如下所示（https://imgur.com/3fWTNZE）”

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

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

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

我希望结果会在所有可能的屏幕上使人体始终处于100％的位置，但是元素会在人体上溢出并引起空白。

Answer 1

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

中的示例

Answer 2

您可以将我们链接到您的站点以便我们看到问题吗？