このWeb サイトでは、メイン コンテンツ領域の高さを設定して、常にブラウザー ウィンドウの高さを埋めるようにしています。私が使用している簡単なコードは次のとおりです。
$(".top-of-nav").height($(window).height() - 40);
top-of-navはメイン エリア (猫の画像がある場所) で、40px はページ下部のナビゲーション バーの高さを差し引いたものです。
問題は、40px 以上を差し引いても、ブラウザーに垂直スクロール バーが表示されることです。