css floatを使ってつぶれてしまった高さを出す。clearfix

overflow:hiddenを使っていました。

floatを使ったけど、親要素の高さがなくなった時、overflow:hiddenで高さを出していました。
でも、画像の頭を親要素よりちょっと出したい!なんてときはoverflow:hiddenだと画像が切れてしまいます。
overflow:autoでもだめ。どうしよう…。

親要素のclassにclearfixを追加して、以下のcssを追加する。

これで、高さを認識してくれるようになりました。。。
よかった・・・

お役に立てましたらadsenseクリックお願いします!

いかがでしたでしょうか?もしお役に立てましたら、お賽銭のつもりでadsenseをポチっとクリックお願いします!↓上手くいきますようにお祈りしておきます!

関連記事