floatさせた要素、inline-blockの高さをそろえる。

display:boxはまだまだ実装が微妙だし、display:inline-blockやfloatだと、要素の高さ自体は変わらなくてborderとかbackgroundを使ったときいまいち困ったり。

というわけでそんなとき用のjs。相変わらずjQueryです。


HTML

JavaScript

inline-blockに使う場合、ボックスの高さは下に伸びるので、vertical-align:topにしといて下さい。