页脚的 CSS 问题

Question

我在 css 文件中将页脚定义为:

#footer {
  position: absolute;
  height: 50px;
  text-align: center;
  background: #66CCCC;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 18px;
}

现在，如果更多数据被添加到页面，它会移动到页脚下方，而页脚会保持原样。有什么办法可以解决这个问题吗？

谢谢。

Answer 1

不要对页脚使用绝对定位，将它们绑定(bind)到视口(viewport)(bottom: 0px 就是这样做的)。

如果您想要在视口(viewport)底部或内容底部(以较长者为准)添加页脚，请使用 sticky footers .