読者です 読者をやめる 読者になる 読者になる

ここにタイトルが入ります

デザイン&プログラミングのことも書くし、それ以外のことも書く。

【css, js】横並びにした要素の高さをそろえる方法。

html css JavaScript

HTMLで要素を横並びにした場合(float,inline-block)、高さをそろえる方法。

css3のFlexible Boxを利用する場合

古いブラウザを考慮しなくて良いのならこれで。

〜参考にさせていただきました!〜
CSS3のFlexboxを基本から理解して、使い倒そう! | 株式会社LIG

See the Pen Make boxes the same height by css box by Fumihiro Nakahara (@fumihiro) on CodePen.

jsで高さを揃える場合

css3に対応していない場合も考慮するならこれで。

〜参考にさせていただきました!〜
[jQuery] ボックスの高さを一番高いものに合わせる - かちびと.net

まんまjsを使わせていただいてます。

See the Pen Make boxes the same height by JQuery by Fumihiro Nakahara (@fumihiro) on CodePen.