Css 无论屏幕大小如何，如何在页面底部放置可滚动条？

我在看一些登陆页寻找灵感，发现了这个：

请注意，它在页面底部有一个深灰色的条，它正好在页面底部对齐。如果我不知道屏幕大小，我怎么能让这个条在底部排列？您能用CSS显示它吗？

这将完成以下工作：

#footer { position:fixed; bottom:0; left:0; width:100%; /* etc etc.. */ }

---

只需确保将

padding bottom

设置为body，使其值与页脚高度相同，这样内容就不会隐藏在页脚下面。

我希望元素随页面滚动，而不是底部有粘性。@mindandsky好的，我更新了答案。测试新代码。

.bottomBar
{
  position: absolute;
  bottom: 0px;
  width: 100%
}