【发布时间】：2019-05-29 03:59:17
【问题描述】：
我一直在努力解决这个问题，我的网站在某些页面上的内容很少或很少，或者如果它显示在大屏幕上，它会在页脚下方显示空白。
"如图所示 (https://imgur.com/ATR59Ts)"
我尝试使用 height:100% 但如果屏幕很小则不起作用，因为如果我将 height:100% 放在 body{} 中，它会导致 body 内的元素重叠在 body 上并导致白色空间。
"如图所示 (https://imgur.com/3fWTNZE)"
我不知道还有什么办法可以防止出现这个空白。
- 我尝试在 body、html 中添加 height:100%（当我在我的 div 中添加更多元素时，在小屏幕上不起作用。
body, html{
margin: 0;
padding: 0;
width: 100%;
/* height: 100%; */
/* overflow: scroll; */
}
我希望结果使正文在所有可能的屏幕上始终处于 100%，但元素会溢出正文并导致空白。
【问题讨论】：
-
您没有提供足够的信息。我们需要查看您的页面代码。另外，根据经验，您的页面容器应该是 body 下的某种 div，您的容器是否有 100% 的宽度和高度？
-
你需要看什么代码？我应该复制整个 CSS 吗？还是 HTML？页面代码？是的，我所有的容器都是百分比，高度为 100%，有些宽度为 20%。