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

Question

我正在寻找一些目标网页以获取灵感，并遇到了这一个：http://do.thelandingpagecourse.com/

请注意页面底部有一个深灰色条，它正好排列在页面底部。如果我不知道屏幕尺寸，我怎么能把这个条形图排在底部？你能用CSS显示它吗？

Answer 1

这将完成工作：

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

请确保您还将padding-bottom设置为 body ，其值与页脚高度相同，以便内容不会隐藏在页脚下方。

Answer 2

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