Body, HTML min-height:100% 没有得到整个高度答案

【问题标题】：Body, HTML min-height:100% does not get the entire heightBody, HTML min-height:100% 没有得到整个高度
【发布时间】：2020-10-12 13:04:30
【问题描述】：

虽然我遇到了问题，但我一直在尝试这种方法，我的页脚底部有约 10 像素的边距。我已经在 html 和 body 上设置了：

html{
  min-height: 100%;
  margin: 0;
  border: 2px dashed blue; 
}
body {
  background: #fafafa;

  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin: 0;
  padding: 0; 
  border: 2px dashed red;
}

但这仍然行不通。我尝试了一种溢出方法：滚动，但它给了我一个内部滚动条

*我知道在 stackoverflow 上有一些相关的主题，但没有一个可以消除这个空白”

谢谢！！ =)

【问题讨论】：

从html 和body 中删除min-height，然后在body 上尝试height:100vh;。

标签： html css sass

【解决方案1】：

通过删除 height: 100% 到 height:100vh 尝试使用此方法；

height:100vh;

或

min-height:100vh;

以便将背景设置为视口的全高。

【讨论】：

【解决方案2】：

问题解决了。

问题是，我用height: 20px; 设置页脚我不知道为什么，但它比正常工作必须要薄。当我将其设置为更厚时，例如 height: 35px; 它可以工作。

【讨论】：