CSSレイアウトで少々面倒なブロック要素の高さ揃えも、MJLを使えば簡単だ。親要素に「equalize」というクラス名を設定しておけば子要素の高さを自動的に揃えてくれる。たとえば、よく見かける2カラムのレイアウトの場合、次のようにシンプルに書けばいい。 <div id="container" class="equalize"> <div id="menu"> <!--左カラム--> <ul> <li>メニュー1</li> ・ ・ </ul> </div> <div id="main"> <!--右カラム--> <h2>見出し</h2> <p>本文</p> </div> </div> 簡単・便利に使えるMJLだが、さらにありがたい点は、jQueryやprototype.jsといった他のJavaScriptライブラリを必要とせず、単独で動くこと。しかも、他のJavaScriptライブラリとも干
![Web制作会社が作った!超使えるJavaScriptライブラリ (2/2)](https://cdn-ak-scissors.b.st-hatena.com/image/square/387b8c04fe13497745f189ea16cf58bcc98d5be8/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2008%2F10%2F28%2F1568037%2Fl%2Fbb8f2a319cda63d3.jpg)