body加了100%怎么有些情况还是不能充满整个窗口？

Question

看上图，我都是设置了100%，没有滚动条的时候可以充满整个窗口。

红框的灰色条是我的footer。

当页面有滚动条的时候，html，body，和那个div root标签都不能充满整个窗口了就到滚动条拉到最顶部那么大。

div root的内容都比外面的父标签高度更高。

这是什么情况？

=================================

设置如下css就可以了。。。。

html {

    position: relative;

    min-height: 100%;

}
body {

    width: 100%;

    height: 100%;

}

Answer 1

body{
    position: relative
}