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

Question

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

我的理解是视口高度（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;
}

如果这不起作用，请尝试删除＆＃39; bottom：0＆＃39;线。