コンテンツが少ない場合、ページのフッターは固定ではなく常に下部に表示されます。 _html/css_WEB-ITnose

一、css を使用する、国外を参照する一解決方法:

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

Web サイトで CSS スティッキー フッターを使用する方法

次の CSS 行をスタイルシートに追加します。 .wrapper のマージンの負の値は、.footer および .push の高さと同じ数値です。負のマージンは常にフッターの高さ全体 (追加できるパディングや境界線を含む) と等しくなければなりません。

}

.wrapper {

min-height: 100%;

height: auto ! important;

height: 100%;

margin: 0 auto -4em;

}

.footer, . Push {

height: 4em;

}

この HTML 構造に従います。 CSS で絶対に配置されない限り、コンテンツを .wrapper および .footer div タグの外側に置くことはできません。また、.push div はフッターを「プッシュ」して何も重ならない隠し要素であるため、その中にコンテンツがあってはなりません。

あなたのウェブサイトコンテンツはここにあります。

Copyright (c) 2008

二、js使用、参考これ：（本人未验）证过，看代应该可行）

http://jingyan.baidu.com/article/2fb0ba4054805900f2ec5f9d.html

  //footer吸底效果    var _ch = $("#content").height();//这个就是你中间内容div的高度    var _wh = $(window).height();//整个窗口的高度    //console.log("window's height",_wh,"content's height",_ch,"_wh - _ch:",_wh - _ch);    if(_wh - _ch > 192){        $("#content").css("min-height",(_wh-192)+"px");    }    //希望这段代码对你有用！