Html 最小高度不适用于车身

最小高度对body/html不起作用吗

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

---

完全不起任何作用（firebug报告正文，html标记高度根本不改变）

首先，声明一个doctype，这样，如果您还没有声明，您就处于标准中了

现在，主体只能和包含的html一样高，所以需要将html标记设置为100%高度，将主体设置为100%最小高度。这对我在Firefox上很有用

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

---

并非所有浏览器都像min height，请尝试类似的方法来捕获所有浏览器

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

---

您必须添加这适用于chrome 64，无需设置硬编码高度：

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

body {
    flex: 1;
}

---

我用以下方法解决了这个问题：

body {
    min-height: 100vh;
}

---

以上所有答案对我都不起作用

我所做的：

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

---

真是太棒了，接下来的一个问题是：我现在把身体设置为最小高度：100%。现在我体内有另一个div，我希望它也是最小高度：100%；，我这样做了，但它不起作用。向身体添加最小高度不起作用，即使使用html最小高度100%@chovy，你也误解了我的回答，说你只需要

min height

。在我的例子中，我说了

html{height:100%}body{minheight:100%}

。这应该行得通，对接受它的Razor来说确实行。这行得通，但我得到了额外的垂直滚动。超过窗户的高度，不用看。它是边距、填充或边框。看看这是真的，你的建议是唯一对我有用的东西！谢谢我使用了：html，body{minheight:100vh；}与其他答案不同，这实际上适用于以下情况：1）如果有可用空间，允许div是body的100%。2） 如果有滚动条，则不会将主体大小限制为视口大小。但它是如何交叉浏览器呢？似乎min height得到了广泛支持（IE7及更高版本，所有移动浏览器），flex box将需要IE10及以上版本：。您可以使用脚本polyfill display:flex for IE8+，例如：或postss。

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