好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

用CSS固定footer在底部的疑问?

回复内容: 这个是css中比较经典的问题。

这里固定在底部包括两种情况,第一种是当页面内容尚未填充满的时候,页脚需要固定在底部,第二种是页面填充满后,页脚需要随页面内容的增加而填充在主体内容的下方。

由于受书写模式的影响,一般情况下无法直接将一元素置于垂直的某一位置,除非使之脱离普通流。而脱离普通流后就很难满足第二种要求,这种情况下也可借助js进行计算进行定位,但这种效果可能由于计算时间和浏览器渲染的问题发生跳动(没亲自试过)。因此,这里提供一种比较通用的,基于普通文档流的解决方法。

具体解决方案:直接来代码。

    
   
   type=  "text/css"  > 
 html  ,  body  {  height  :  100%  } 
 .footer   {  margin-top  :-  30px  ;  height  :  30px  ;  background-color  :  #eee  ;} 
 .wrap  {  min-height  :  100%  } 
 .main  {  padding-bottom  :  30px  ;  overflow  :  hidden  ;} 
   
   
  
     

这里是网页的主体

查看更多关于用CSS固定footer在底部的疑问?的详细内容...

  阅读:41次