Question

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

如果缩小网页，您会看到问题：）

我没有在代码中粘贴，导致其中包含很多php等等。希望没关系。：）

footer 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 for wrapper。

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

高度为100％而不是自动。

通过使包装器高度达到100％，它将div扩展到窗口的底部并向下推动页脚。

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

粘性页脚不粘在页面底部

2 个答案: