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

overflow:hiddenを使っていました。
floatを使ったけど、親要素の高さがなくなった時、overflow:hiddenで高さを出していました。
でも、画像の頭を親要素よりちょっと出したい!なんてときはoverflow:hiddenだと画像が切れてしまいます。
overflow:autoでもだめ。どうしよう…。
親要素のclassにclearfixを追加して、以下のcssを追加する。
1 2 3 4 5 |
.clearfix::after{ content: ""; clear: both; display: block; } |
これで、高さを認識してくれるようになりました。。。
よかった・・・
お役に立てましたらadsenseクリックお願いします!
いかがでしたでしょうか?もしお役に立てましたら、お賽銭のつもりでadsenseをポチっとクリックお願いします!↓上手くいきますようにお祈りしておきます!
関連記事
-
-
2023.06.08 sakuraメールがgmailに届かないときの対処法。
-
2018.11.20 wordpress そのページだけにcssを適用させる方法。
-
2021.11.17 カスタム投稿タイプ「CPTUI」で個別にテンプレートを作る方法
-
2023.05.26 Slick 画像の幅を固定したままで、左右隅々まで無限カルーセルする方法
-
2019.12.12 wordpress 1つのサーバーで複数のサイトを設置する方法(サクラサーバー)