Body 上的高度 0

Question

我总是在 body 上得到 height: 0，为什么会这样？

要么我用身高，min-height，等等

Answer 1

只需使用：

body{
   height:100vh;
}

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

Answer 2

Height = 0 因为元素的父元素的高度为 0，所以请确保您的父元素（此处为 body）的高度为 100%，否则。

body {
  height: 100%
}

Answer 3

这是因为parent height为0造成的。请关注这些样式！

html{
    height: -webkit-fill-available;
} 

body{
    height: 100%;
}