html - 粘性页脚不粘在页面底部

Question

我的网站页脚似乎有问题。基本上它不会粘在我的页面底部，而是粘在我的 div 底部，称为 main。谁能帮我这个？

如果您缩小网页，您将看到问题:)

这个网站

我没有粘贴代码，因为它包含很多 php 等。希望没事。:)

页脚CSS：

#footer{
width: 100%;
float: left;
height: 70px;
bottom: 0;
clear: both;
background-image: url("../images/footer_pattern.png");
display: block; 

}

Answer 1

#footer{
    width: 100%;
    height: 70px;
    clear: both;
    background-image: url("../images/footer_pattern.png");
    position: fixed;
    bottom: 0;
}

Answer 2

对于您所指的网站，通过扩展包装器 div，它会将页脚向下推。下面是包装器的修改后的 css。

  #wrapper
  {
      height: 100%;
      margin: 0 auto;
      min-width: 1000px;
  }

将高度设置为 100% 而不是自动。

通过将包装器高度设置为 100%，它将 div 扩展到窗口的底部，并将页脚也向下推。

我要改变的另一件事是不要让#footer 向左浮动。