css - 2 つの div を親と同じ高さにする

Question

div ごとに 2 列のレイアウトを作成しましたが、列の高さが異なります。div が別の高さで展開されるようにしたい。

リンクは私のデモhttp://jsbin.com/UjiyufO/2です

よろしくお願いします。

Answer 1

このJavascriptを追加すると動作します

$(document).ready(function(){
    var myheight= $('#header').height(); 
    var thatheight= $('#content').height(); 
    if(myheight>thatheight)
    {
        $('#content').css('height',myheight)
    }
    else
    {
        $('#header').css('height',thatheight)
    }
});

このJSbinを確認してください

Answer 2

2 つの div を同じ高さに設定します。例 ：

#main div{
    height: 500px;
}

あなたのデモでは、<div>2 つの div を持つ id=main のタグがあります。そして、同じ高さの 2 つの div を設定するだけです。