好得很程序员自学网

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

CSS让footer保持在页面底部_html/css_WEB-ITnose

序 :当希望将footer保持在页面底部(即使页面内容高度低于窗口高度),可以尝试下面的方法..

         CSS让footer保持在页面底部        * {      margin: 0;      padding: 0;    }    html, body {      height: 100%; /*让页面撑满窗口*/    }    .body {      min-height: 100%;      height: auto !important;      height: 100%; /*设置页面内容区域最小占满窗口高度*/      margin: 0 0 -41px; /*利用margin负值留出footer的区域(由于footer设置了1px的border,所以值在原有高度上+1)*/      text-align: center;    }    footer {      height: 40px;      line-height: 40px;      border-top: 1px solid #ddd;      text-align: center;    }       

我是头部

我是内容

查看更多关于CSS让footer保持在页面底部_html/css_WEB-ITnose的详细内容...

  阅读:25次