jquery - 別の div の高さに基づいて 1 つの div の高さを設定する

Question

2列の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));

どこに置く？