2012-03-05 16 views
0

DIV同じ高さ

<div class="sameh">div 1</div> 
<div class="sameh">div 2</div> 

問題があるが、そのDIV 1は、(最初​​にロードされます私はそれが問題だと思う)、そして実際にはDIV2はDIV1よりも高い。しかし、スクリプトはこれらの2つのdivを同じ高さにして、DIV2をDIV1と同じ高さにします。

どうすればDIV1はDIV2の高さに従っていますか?

ありがとうございました。

+0

を、あなたは( '高さに整数の引数を渡すことができます) 'メソッドを使用して、' .css(height:...) 'の代わりに高さを設定します。 – Blazemonger

+0

私は実際にあなたのコードに間違ったことを見ることはできません - 私が見る限りではうまくいくはずです。 –

+0

http://jsfiddle.net/mblase75/9yFzE/ - あなたのコードはここでうまくいきます。 – Blazemonger

答えて

4

あなたはすべての要素から最大の高さを取得し、他の人にそれを適用することができます:

// get the max height of a collection of elements using map 
var maxHeight = Math.max.apply(null, $(".sameh").map(function() 
{ 
    return $(this).outerHeight(); 
}).get()); 
// set all divs to the same height 
$('.sameh').css({ height: maxHeight + 'px' }); 

Working example here。なお Docs on .map() here