jquery - 使绝对定位的 div 成为页面高度的 100%

Question

我有一个带有 position: absolute 的 div，我希望它足够高，以便在我一直向下滚动时到达页面底部。换句话说，它应该扩展文档页面的整个高度(而不仅仅是窗口)。

我的理解是视口(viewport)高度 (vh) 在这里没有用，因为它只会将元素扩展到窗口的整个高度。

fiddle :https://jsfiddle.net/jygrinberg/qsyLqns7/4/

我可以接受使用 JavaScript 或 jQuery 的解决方案。

编辑:页面内容可能比 div 的内容高(我相应地更新了 fiddle )。

Answer 1

body{
    background: #5ae;
}

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

如果这不起作用，请尝试删除“bottom: 0”行。