結局どれをつかえばいいの？floatの解除方法を3つ比較してみる これからWEBデザイナーを目指す高校生のブログ

ボックスやリストを横並びにしたい時に使うfloatプロパティ。便利な反面、「親ボックスからはみ出る」「親ボックスの背景画像が表示されなくなる」「親ボックスのマージンがなくなる」などの問題が起きてしまうことがあります。 そういった場合はfloatを解除してあげれば良いのですが、解除にはいろんな方法が存在します。そのなかで「clear:both」「clearfix」「overflow」の三つの解除方法について、それぞれの長所や短所をまとめました。 floatにはいくつかの解除方法があります そもそも、なぜfloatの解除にいくつも方法があるのでしょうか。 それはそれぞれのプロパティがそれぞれ違う方法でfloatを解除しようとしているからです。 子要素を親要素の高さを指定しない状態で、floatを解除せずに使用すると親要素はfloatした子要素を認識することができません。 そして親要素の中には何

[tokumita]

ブロック要素を横並びさせる「float」を解除する方法（「clear:both」と「clearfix」と「overflow」の違い）の説明

[kerokerori]

毎回overflow:hiddenを忘れて調べる羽目になるのでここに書いておく

[a_ya_ka]

clear:bothなど

[asako_1215]

floatの参考サイト