等高在底部增加了額外的空間

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);
});

例子