jquery - サイドバーの高さとメイン カラムの高さを等しくする

Question

サイドバーをメイン コンテンツ列と同じ高さにする必要があるため、次のコードを実行します。

var main_column_height = jQuery("#main_column").height();  
jQuery("#sidebar").css('height', main_column_height);

..私のjQuery（関数（）{}）で。ほとんどの場合は機能しますが、機能しない場合もあります。コードを jQuery(window).bind("load", function(){}) に入れても同じです。

常に機能させる方法は？

Answer 1

試すouterHeight()

パディング、ボーダー、オプションでマージンを含む、一致した要素のセットの最初の要素の現在の計算された高さを取得します。

$(function() {
    var main_column_height = jQuery("#main_column").outerHeight();  
    jQuery("#sidebar").css('height', main_column_height);
})