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

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

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

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

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

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

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

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