【jQuery】ブロックレベルの高さを揃える簡単な方法

こんにちは、ハル@haru_elpisです。

jQueryでブロックレベルの高さを揃える備忘録です。

ブロックレベルの高さを揃える簡単な方法

ダウンロード

http://www.akatsukinishisu.net/itazuragaki/data/js/i20070801/jquery.flatheights.js

www.akatsukinishisu.net

ダウンロードした「jquery.flatheights.js」ファイルをjsフォルダなど任意の場所へ移動しておきましょう。

jQuery

<script type="text/javascript">
$(function() { 
	$('.box1').flatHeights(); 
	$('#wrap01 > div').flatHeights(); 
	$('#ad, #main, #nav').flatHeights(); 
}); 
</script>

高さを揃えたい要素のid名やclass名を指定するだけでOK。

id名(#○○○○)とclass名( .○○○○)どちらでも使えます。