jquery - 根据另一个 div 的高度设置一个 div 的高度

Question

我有两列 div 布局

<div id="site-wrapper">
<div id="leftSidebar">


</div>


<div id="rightSide">

</div>
</div>

我的js

 $('#leftSidebar').height($('#rightSide').height());

然而，在 IE7 中，它在底部添加了一大块空白。我的jquery正确吗？

Answer 1

是的，outerHeight 应该为您执行此操作。

http://api.jquery.com/outerHeight说：

.outerHeight() 计算中始终包含顶部和底部填充和边框；如果 includeMargin 参数设置为 true，则还包括边距（顶部和底部）。

因此，如果您有边距：

$('#leftSidebar').height($('#rightSide').outerHeight(true));

Answer 2

除非您对这些 div（通常可能是 div）或什至或您在其中拥有的任何标签有某种 CSS 规则，否则p这应该没有问题。

http://jsfiddle.net/LzHHe/

你可以试试outerHeight()：

$('#leftSidebar').height($('#rightSide').outerHeight());

Answer 3

是的，outerHeight 应该为您执行此操作。

http://api.jquery.com/outerHeight说：

.outerHeight() 计算中始终包含顶部和底部填充和边框；如果 includeMargin 参数设置为 true，则还包括边距（顶部和底部）。

因此，如果您有边距：

$('#leftSidebar').height($('#rightSide').outerHeight(true));

放在哪里？