パソコンQ&A

ブロック要素に囲まれたfloatに後続する、別のブロック要素の内の画像が消える

画像が出たり消えたりします。
[参考記事] floatの親要素のheightを無視する。
floatの反対側にIMGタグが入る隙間があればそこに表示されますが、隙間がないと下に表示されるようです。
このとき画像の読み込みに時間がかかる場合などでは画像が表示されるようですが、キャッシュされた場合など表示に時間がかからない場合では画像が消えます。
画像の上辺がfloatに接する場合に発生します。

テスト
写真

対象ブラウザ

Mac
Internet Explorer 5

回避方法

IMGにclear:bothを指定します。

関連プロパティ

float左または右に寄せて配置する


主要ブラウザに非対応

このページはリンクフリーです。設定などは自己責任で…
Copy Right kikky

kikky.net