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をポチっとクリックお願いします！↓上手くいきますようにお祈りしておきます！
関連記事
-
2022.06.24 XサーバーをSSL化した後にリダイレクトさせる方法 -
2018.10.26 サクラサーバーにワードプレスをインストールするまでの流れ
-
2019.06.10 css ＰＣで背景固定演出→スマホでは背景普通演出にする方法 -
2020.04.08 ドメインだけを他のサーバー（サクラサーバー）へ引っ越し
-
2022.05.09 Xサーバーメールアドレスの追加方法
-
