Html 使div一直延伸到页面底部

我的网站有可变的内容长度，这有时意味着页脚不在页面底部，有没有办法让页脚填满剩下的空间

---

看看CSS-Tricks.Com上的精彩帖子：

---

解决这个问题有多种方法。一是有

html, body { height:100%; }

在你的CSS中。然而，这可能会在垂直滚动的页面上产生问题。对于复杂的情况，您必须求助于JavaScript onResize编码

看看这是否有帮助：

css

#footer {
  position:fixed !important;
  bottom:0;
}

---

这应该可以做到。您可以在内容包装上添加一个填充，其页脚高度为+50px或类似的值，用于内容和页脚之间的间距。页脚将位于其他内容的顶部。

演示和链接中的页面上的链接都已断开。