コンテンツの量が異なっているのを揃えるのは当たり前、パディングやマージンやボーダーなど異なるスタイルが混在していてもパネルの高さを列に応じて揃えたり、同じ列でも左二つと右二つをそれぞれグルーピングして揃えることもできるjQueryのプラグインを紹介します。IE8+対応、スマフォにももちろん対応している優れものです。-GitHubjquery.matchHeight.jsのデモjquery.matchHeight.jsの使い方jquery.matchHeight.jsのデモデモではデフォルトでさまざまなスタイルのパネルが混在して配置されています。デモページ:幅1,200pxで表示パネルは全て同じ高さに揃えるのではなく、その列に応じて高さを揃えます。この「列に応じて」がポイントです!そして、レスポンシブにも対応。表示幅を狭くし、並びが変わると列に応じて揃えているのが分かると思います。列に一つしか無い場合は、各パネルは成り行きで配置されます。上部のチェックボックスで各パネルをさまざまなスタイルに変更して、動作を試すことができます。デモページ:幅1,200pxで表示これは、ボーダー無しの状態。外部ファイルjquery.jsと当スクリプトを外部ファイルとしてhead内に記述します。HTML適用するパネル全てに同じclassを付与します。各パネルが横一列に配置された場合は、全て同じ高さに。複数の列に配置された場合は各列で一番高いものに揃えます。JavaScript各パネル共通で付与したclassをjQueryのセレクタで指定し、スクリプトを実行します。$('.item').matchHeight();});</script>オプションオプションではHTML5のdata属性を使い、高さを揃えるパネルをグループ化できます。text</div>動作はこんな感じで、同じ列に配置されていても左二つ、右二つで異なる高さになっています。Posts関連記事が見つかりませんでした。