要素がclientHeightにあるかどうか確認してください

Question

divをページの下部に設定したいと思います。

メインコンテンツのdivがクライアントの高さより小さい場合は、ページの下部に表示されます。

コンテンツのdivが大きい場合は、divをコンテンツdivの下に設定する必要があります。ここで

は、より良い私の問題を説明するために、2つの画像です：

を誰が私にそれを行うためにどのようにロジックを伝えることはできますか？

Answer 1

これを行うにはいくつかの方法があります。sticky footerタイプをGoogleで探していると、多くの結果が得られます。

はこの試みを与える：http://css-tricks.com/snippets/css/sticky-footer/

Answer 2

は、これは簡単に行うことができます。 ケース1：コンテンツのdivがウィンドウその後、小さい - - ：>http://jsbin.com/otulog/2

ケース2：コンテンツのdiv要素がウィンドウその後、大きい - >http://jsbin.com/otulog/3

var winHt = $(window).height(); 
var contentHt = $("#content").height(); 
var footerHt = $("#footer").height(); 

if (winHt >= contentHt) { 
    $("#footer").css("top",winHt-contentHt-footerHt); 
} 

は、これら二つのデモページを参照してください。