2カラムや3カラムのレイアウトのWebページを作るときに、左右のブロック要素の高さをビシッと揃えたい。特に背景を敷いている場合など、コンテンツの内容に応じて高さをしっかり合わせたいケースは少なくない。 CSSでは少々面倒なこの問題を解決してくれる便利なJavaScriptライブラリはすでにいくつかあるが(以前に紹介した「MJL」の機能の1つにもある)、今回は単機能で使いやすい、シンプルなスクリプトを紹介しよう。Web制作を手がけているハムさん作の「jQuery SameHeight Plugin」(jquery.sameHeight-1.1.js)だ。 その名のとおり、JavaScript/Ajaxライブラリ「jQuery」を使って書かれているこのスクリプトは、親要素に対して特定のクラス名を設定するだけでもっとも高い子要素に合わせて高さを自動調整してくれるもの。スクリプトも使い方もごくシン
![ブロックを一発で揃えるシンプルなJavaScript](https://cdn-ak-scissors.b.st-hatena.com/image/square/e63882ae674261b30831ac20f1cce56551f68ac6/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2008%2F11%2F18%2F1568310%2Fl%2F0babc44c38c56b29.jpg)