使绝对定位的 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;
}

如果这不起作用，请尝试删除

bottom: 0

行。