将div放在页面底部或更大的视口中

Question

我需要在页面底部放置一个带背景的div，如果页面内容足够长，可以将其推到底部或者不是

目前我使用此代码

#bottomBar {
    position: absolute;
    bottom: 0;
}​

这个问题是，如果页面的内容大于视图端口中可用的内容，则img被卡在浮动中间

example of when this script dosn't work example of when this script works well

Answer 1

试试这个：

#bottomBar {
    position: fixed;
    bottom: 0;
}​

Answer 2

如果您的图片无法加载，则无法看到div。

指定宽度和高度以及背景以查看div

width: 100px;
height: 100px;
bottom: 0px;
position: absolute;

See the fiddle

一切正常