页脚不会粘到底部

Question

我正在处理struts2应用程序.当我处理jsp页面时出现一个问题,当页面内容较少页脚浮动到内容之下时,这看起来非常糟糕.但是当内容超过页面时它会自动浮动到底部这对我来说没问题.任何帮助将不胜感激...

css中用于页脚的代码是......

#footer {
    height:41px;
    background:url(../images/main-bg.png) repeat-x;
    width: 100%;
}

Answer 1

对于粘性页脚(始终位于页面底部,无论页面高度如何),请使用 position: fixed;

   #footer {
     height:41px;
     background:url(../images/main-bg.png) repeat-x;
     position: fixed;
     bottom: 0;
     width: 100%;
   }