html - 字体更改和自动调整大小加上填充

Question

我有一个页脚定义为

div#footer { 
    width:100%;  
    bottom:0; 
    background:url(../images/bg_footer0.png) repeat-x;
}

其 html 正文设计为

html,body {
    margin:0;
    padding:0;
    height:100%;
    font-family:arial, Helvetica, sans-serif;
    color:#666;
    background:url(../images/bg_body.png) repeat-x;
    font-size:12px;
}

但是当我更改arial为serif字体系列时，页脚从底部开始填充，我想这在所有字体更改中都很常见。但是，无论发生什么变化，为什么以及如何始终将页脚真正添加到底部？

Answer 1

试试这个

      div#footer { 
          width:100%;  
          bottom:0; 
          background:url(../images/bg_footer0.png) repeat-x;
          position: absolute;
         }

实际上你可以选择它

         #footer{}

除非您有其他类型的元素具有相同的页脚 id，否则会很糟糕