By Masaki 2014.10.01 WEB 【CSS】3カラムレイアウトでボックスの高さを一行ずつ揃える。float:left;は使わないこと! こんばんは。masakiです。 クライアントからの修正&追加依頼に対応しているといつの間にかこんな時間です。 お腹が減ってきたのでこの記事書き終わったらご飯作ります(笑) コンテンツの多い少ないに関わらずボックスの高さを均一にする方法について さて、こんなレイアウトをコーディングする時、あなたならどんなCSSを書きますか? これはよく間違われるんですが、こういう場合は 「display:inline-block;」を使用するのが好ましいです。 float:left;やfloat:right;の使い道って実はそんなに無いと思うんです。 こういった3カラムのレイアウト。しかもコンテンツの量がそれぞれ違う場合に高さを均一にしようって時にfloat
![【CSS】3カラムレイアウトでボックスの高さを一行ずつ揃える。float:left;は使わないこと! | | 大阪のWeb制作屋Lavison](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b147ee96f390542a9d4194b04cab78e30c42443/height=288;version=1;width=512/http%3A%2F%2Fwww.lavison.net%2Fwp-content%2Fuploads%2F2014%2F10%2Fth.jpg)