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

例子