根据另一个divs高度设置一个div的高度

Question

我有两个列div布局

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


</div>


<div id="rightSide">

</div>
</div>

my 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）或者p或者你在那里的任何标签都有某种CSS规则，否则这应该没有问题。

http://jsfiddle.net/LzHHe/

您可以尝试使用outerHeight（）：

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

Answer 3

是的，outerHeight应该为你做这件事。

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

The top and bottom padding and border are always included in the .outerHeight() calculation; if the includeMargin argument is set to true, the margin (top and bottom) is also included.

所以如果你有边距：

$（ '＃leftSidebar'）的高度（$（ '＃rightSide'）outerHeight（真）。）;

在哪里放置它？