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，这将是不好的

字体更改和自动调整大小以及填充

1 个答案: