【CSS】floatを使ったら画像が表示されなくなる場合の解決方法

CSSのfloatを使うと画像が消えてしまう場合の解決方法について。

コードが書かれたモニター

私の環境だと、ローカルでは問題なく表示されるのにサーバーにアップすると画像が消える現象が起きたので共有します。

floatを使うと画像が消える時の解決方法

確認するポイントは次の2点。

  • 画像にwidthを指定してみる
  • clearでfloatを解除してみる

IEのみで起きる現象のようです。

floatを使ったらclearfixなどを使って解除するクセを付けた方がいいかもしれませんね。

関連する記事

この記事が気に入ったら
「いいね!」しよう

この記事が気に入ったら
「いいね!」しよう

最新情報をお届けします

コメント