floatを使わずにinline-blockで横並びにする方法｜web bibo

/* CSS（スタイルシート）に関する知識・テクニックなどの備忘録 */ 文字サイズ 大 中 小 現在のページ： HOME » CSS レイアウト・ボックス » floatを使わずにinline-blockで横並びにする方法 floatを使ってボックスを横並びにする場合、その中で高さが違うボックスが混ぜっていると、そこでレイアウトが崩れてしまいます。ブログやCMSなど自動的にボックスを生成するとき、高さの違うボックスがでてくる場合があるので、この方法を知っておくと便利だと思います。 floatで横並びにするとレイアウトが崩れる場合がある 先述しましたが、floatで横並びにすると高さが違うボックスが混ぜっている場合、レイアウトが崩れてしまいます。 <div class="wrap"> <div class="box">float 1</div> <div class

[taetae109]

参考になった

[nukky55]

floatを使わずにinline-blockで横並びにする方法

[younny]

float 高さ　揃える

[fooo]

floatを使わずに高さの異なるブロックを横並びにする

[studio-no9]

横並びの数を指定せずにboxを横に並べる