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

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

floatを使ってボックスを横並びにする場合、その中で高さが違うボックスが混ぜっていると、そこでレイア...概要を表示 floatを使ってボックスを横並びにする場合、その中で高さが違うボックスが混ぜっていると、そこでレイアウトが崩れてしまいます。ブログやCMSなど自動的にボックスを生成するとき、高さの違うボックスがでてくる場合があるので、この方法を知っておくと便利だと思います。 floatで横並びにするとレイアウトが崩れる場合がある 先述しましたが、floatで横並びにすると高さが違うボックスが混ぜっている場合、レイアウトが崩れてしまいます。 <div class="wrap"> <div class="box">float 1</div> <div class="box height">float 2</div> <div class="box">float 3</div> <div class="box">float 4</div> <div class="box">float 5</div> <div

• css
• html
• 横並び
• float
• div
• tips
• web制作