inline-blockで横並びにしたらカラム落ちしてしまった！簡単な解決法をご紹介！ | ジーニアスブログ – WEB制作会社ジーニアスウェブのお役立ちブログ2017.10.12 Thu inline-blockで横並びにしたらカラム落ちしてしまった！簡単な解決法をご紹介！ BY.米田 #Webプログラミング こんにちは。 ジーニアスウェブの米田です。 コーディング初心者にとって、要素の横並びはつまずくポイントの1つではないでしょうか。 実際自分もそのひとりです。 レスポンシブ化が必須になってきている今、可変対応できるものでないとなりません。 今回はinline-blockで横並びにした際、カラム落ちしてしまう現象についてご紹介します。 なぜカラム落ちしてしまうのか 今回はこのリスト要素をinline-blockにして横並びにしたい。 li要素にdisplay:inline-blockとwidth:33.333%を指定。 ところが、、、、 カラム落ちしている！！ 今回は余白なしのレイアウトだから分かりやすいが、 余白を指定していると気づきにくい
