使 div 始终停留在页面内容的底部，即使有滚动条

我希望实现与以下问题相反的行为：CSS 将 Div 推到页面底部 https://stackoverflow.com/questions/2140763/css-push-div-to-bottom-of-page。也就是说，当内容溢出到滚动条时，我希望页脚位于页面底部，就像 Stack Overflow 一样。

我有一个 divid="footer"以及以下 CSS：

#footer {
    position: absolute;
    bottom: 30px;
    width: 100%;
}

这会将 div 移动到视口的底部 - 但即使向下滚动页面，该元素也会保留在那里，因此它不再位于底部。

即使内容溢出，如何确保 div 保持在页面内容的底部？我不是在寻找固定定位，只是让元素位于所有内容的底部。

Image:

这正是position: fixed设计用于：

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

这是小提琴：http://jsfiddle.net/uw8f9/ http://jsfiddle.net/uw8f9/