使绝对定位的div为页面高度的100％

Question

我的div的position: absolute ，我想一直高到当我一直向下滚动时，它可以到达页面的底部。 换句话说，它应该扩展文档页面的整个高度（而不仅仅是窗口）。

我的理解是，视口高度（ vh ）在这里没有用，因为它仅将元素扩展到窗口的整个高度。

小提琴： https : //jsfiddle.net/jygrinberg/qsyLqns7/4/

我对使用JavaScript或jQuery的解决方案很好。

编辑：页面内容可能比div的内容高（我相应地更新了小提琴）。

Answer 1

body{
    background: #5ae;
}

div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #5ae;
}

如果这样不起作用，请尝试删除“底部：0”行。