高さの異なる要素をフロートさせて並べる時に、jQuery を使ってそれぞれの高さを揃えて並べる方法に関するメモ。 横に並んだ要素の高さを揃える 以下のサンプルは div 要素(class=”foo”)をフロートで並べて表示する例。それぞれの高さが異なるので、同じ高さを指定しなければきれいに横には並ばない。 サンプル1 サンプルの「高さを揃える」をクリックすると、同じ行(横の列)の要素の最大の高さを検出して横に並べる。 HTML <div id="content"> <div class="foo"> <h2>Index : 0 </h2> <ul class="bar"> <li>bar 1</li> <li>bar 1</li> <li>bar 1</li> </ul> ・・・省略・・・ <div class="foo"> <h2>Index : 8 </h2> <ul class="b