Question

由于某些原因，我无法让html和身体拥有100％的身高，而我正在试着找出原因。我正在使用以下代码并搜索了Web和Stackoverflow以获得答案，但似乎没有任何工作：

html, body {
  height: 100%;
  min-height: 100% !important;
  width:100%;
  padding:0;
  margin:0;
  line-height:normal;
}

这是一个现场演示：

知道发生了什么事吗？

Answer 1

在height: 100%上设置html会强制其高度为视口的高度（导致该截止）。尝试将html的高度设置为auto或从html规则中删除html, body。

Answer 2

html {
    min-height: 100%;
}
body {
    height: 100%; /* or min-height */
    padding:0;
    margin:0;
    background: red;
}