0

我试图让我的页脚粘在页面底部。我网站的页面不在同一高度。我在网上尝试了所有东西，但在放大\缩小或调整浏览器窗口大小时没有任何效果，它与浏览器一起出现并漂浮在我的 div 、表格、..etc 的中间这是原始的页脚 css：

#footer
{
    width:100%;
    height:20px;
    vertical-align:middle;
    font-size:10px; 
    font-weight:bold;
}
#footer ul
{
    margin-top:10px;
    margin-right:10px;
    margin-left:30px;
    color: #797979;
    line-height:11px;

}
#footer ul li
{
    float:left;
    border-right:1px solid #797979;
    list-style:none;
    margin:0 5px 5px 0;
    padding-right: 5px;
}
#footer ul li a
{
    color: #797979;
    text-decoration:none;
}
#footer ul li a:hover
{
    text-decoration:underline;
}
#footer .copyright
{
        margin-top:5px;
    float:none;
        text-align:center;
}

和 html 看起来像：

<div id='main'>
<div id='header'>
</div>
   <form id='myform'>
     <div id='form_div'>
     </div>
   </form>
  <div id='footer'>
  </div>
</div>

这是我尝试过的所有方法：

http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/

http://www.cssstickyfooter.com/

http://alistapart.com/article/footers

http://blog.softlayer.com/2012/tips-and-tricks-pure-css-sticky-footers/

和许多其他人......

我试着说：

#footer 
{ 
bottom:0;
position: fixed
}

它坚持这一点，但当然，在调整浏览器大小时，css ps 中似乎没有问题：我不是写它的人，我只是在使用它并试图修复它

4

1 回答 1

0

试试 Ryan Fait 的粘性页脚。它非常简单且跨浏览器兼容。

于 2013-02-09T09:29:51.027 回答