3

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

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

这个网站

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

页脚CSS:

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

}

4

2 回答 2

4
#footer{
    width: 100%;
    height: 70px;
    clear: both;
    background-image: url("../images/footer_pattern.png");
    position: fixed;
    bottom: 0;
}
于 2012-08-08T20:13:12.607 回答
2

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

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

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

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

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

于 2012-08-08T20:17:25.607 回答