jquery - 下部全体に余分なスペースを追加する同じ高さ

Question

したがって、私は実際に初めて同じ高さを使用しており、子 div (#sidebar) を親 div (#Content) の高さと一致させることに成功しています。ただし、すべてのページに余分なスペースが追加されています。コンテンツが増えると、垂直スクロールが長くなり、ページの下部にさらに大きな空きスペースが生じます。私が開発したカスタムの Wordpress テーマを使用しているので、おそらく問題はそこにあるのでしょう。私が現在使用しているコードは以下のとおりです。

<script type="text/javascript"> $(function(){ $('#Content').equalHeights(); }); </script>

サイトへのリンクは次のとおりです: http://fentonauto.com/web/category/sales/

あなたが提供できるガイダンスを事前にありがとう！

Answer 1

サイドバーをページの下部まで拡張しますか、それともページ コンテンツの高さに等しくしますか?

これを試して -

jQuery(document).ready(function($) {

    //THIS LINE GETS THE HEIGHT OF THE LEFT COLUMN DIV
    var leftColumnHeight = $("#left-column").outerHeight();

    //THIS LINE APPLIES THE HEIGHT TO THE SIDEBAR
    $("#sidebar").css( "height", leftColumnHeight );

    //TELLS YOU THE HEIGHT OF THE LEFT CONTENT DIV (DO NOT PUT ON WEBSITE)\\
    alert ("left column height is: "+leftColumnHeight);
});

例