最小高度不适用于身体

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;
}