身体100％高度的文件

Question

如果向下滚动该测试页面，您可以看到我的奋斗地点：

http://new.los-chaos.ch/

身体有100％的高度，因此应该使文件100％高度。 但是Body仅将视口设置为100％高度，而不是文档100％高度。

页面每次都应包含100％的文档高度。

文档高度至少应该是每次视口高度。

页面顶部或底部不应有空格。

我不明白为什么它现在只能获得100％的视口高度..

有人可以向我解释一下吗？

Answer 1

将身体的css改为：

body {
    min-height: 100vh;
}

这将确保身体至少等于视口的高度。否则，它将是其包含的内容的高度。

Answer 2

将高度100％添加到body和html上。然后从main_wrapper中删除100％的高度

body, html{
  height:100%;
}
main_wrapper{
  //height:100%;
}