css - 为什么我的页脚一直向下？

Question

网站在这里:

http://www.cottonbrewing.com/members

如果内容不需要页面滚动就可以了。

CSS:

#footer {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin: 0 auto;
    font-size: 12px;
    font-weight: normal;
    clear:both;
    padding: 10px 0px 10px 0px;
    text-align: center;
}

编辑 1:如果内容很小，我还必须确保页脚位于绝对底部，例如您在此处看到的:http://www.cottonbrewing.com/页脚在底部。

Answer 1

将position:absolute;更改为position:relative;

添加

作为对评论的回应，请遵循以下“粘性页脚”指南:

正文

body
{
  height:100%;
}

你的容器div:

#container
{
  min-height: 100%;
  position: relative;
}

你的页脚div:

#footer
{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px; /* can be changed, along with padding */
}