所以我第一次使用相同的高度,并且我成功地让孩子div(#sidebar)匹配父div(#Content)的高度。但是,每页都会添加额外的空间。内容越多,垂直滚动越长,在页面底部会产生更大的空白区域。我正在使用我开发的自定义Wordpress主题,所以问题可能就在那里。我目前使用的代码如下:
<script type="text/javascript">
$(function(){ $('#Content').equalHeights(); });
</script>
以下是该网站的链接:http://fentonauto.com/web/category/sales/
提前感谢您提供任何指导!
答案 0 :(得分:0)
您希望侧边栏扩展到页面底部还是等于页面内容的高度?
试试这个 -
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);
});