最小高度不适用于身体

Question

min-height对body / html不起作用吗？

body, html
{
    min-height:100%;
}

完全没有任何结果（firebug报告身体，html标签高度根本没有变化）

Answer 1

首先，声明一个doctype，这样你就可以使用标准了。

现在，正文只能与包含html一样高，所以你需要将HTML标记设置为100％高度，并将body设置为min-height 100％。这适用于Firefox。

html {height:100%} 
body {min-height:100%}

Answer 2

这适用于镀铬64而不设置硬编码高度：

html {
    min-height: 100%;
    display: flex;
}

body {
    flex: 1;
}

Answer 3

并非所有浏览器都支持min-height，请尝试使用此类浏览器来捕获所有浏览器。

  min-height:100%;
  height:auto !important;
  height:100%;

Answer 4

我已经解决了这个问题：

body {
    min-height: 100vh;
}

Answer 5

以上答案均不适合我。

我做了什么：

html, body {
  height: 100%;
  display: grid;
}

Answer 6

html{
  height:100%;
}
body{
  min-height:100%; 
  position:relative;
}

你必须添加