設置一個格的基礎上另一個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有一些CSS規則（或許一般是div）或者甚至是p或者其他任何標籤，這應該沒有問題。

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（真）。）。

在哪裏放置它？