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

Question

尽管我遇到了问题，但我一直在尝试这种方法，我的页脚底部有大约 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 上有一些相关的主题，但没有一个能够摆脱那个空白”

谢谢！！=)

标签： htmlcsssass

Answer 1

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

height:100vh;

或者

min-height:100vh;

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