身体高度 0答案

【问题标题】：Height 0 on Body身体高度 0
【发布时间】：2017-03-22 07:29:13
【问题描述】：

我的身体总是height: 0，为什么会这样？

我要么使用高度、最小高度等

【问题讨论】：

有内容吗？如果不是，则html高度为0，0的100%仍为0。
使用 height :100% 而不是 min-height
如果 html 没有 height:100%;设置，那么它是 min-height:100% of null ;)
@JonStirling，是的，body 的高度：100%，作为一个 div 容器，里面的高度：100% 也是……在容器内部，我有页眉和页脚，都是绝对位置跨度>
但是你有什么内容吗？正如我所说，0 的 100% 仍然是 0。如果没有任何东西将底部向下推，那么您将拥有 0 高度。

【解决方案1】：

只需使用：

body{
   height:100vh;
}

无论页面内容如何，这都会强制主体为 100% 视口高度。

【讨论】：

谢谢，不知道'vh'，现在我会知道的
这是一个糟糕的建议，你明确地将身体的高度设置为 100vh。请改用min-height: 100vh。
我确信似乎有一个很好的理由来设计一个复杂的设计，但是 +1 来分享知识。我查了一下：高度：100vh = 100% 的视口高度。 height: 100% = 父元素高度的 100%。

【解决方案2】：

Height = 0 因为元素的父元素的高度为 0，所以请确保你的父元素，也就是这里的 body 有 100% 的高度，否则。

body {
  height: 100%
}

【讨论】：