パソコンQ&A

親要素にwidthやheightを指定すると領域の算出にfloat領域を含める

floatした領域の親要素に幅や高さを指定すると、親要素の領域の算出にfloat領域を含める。
これが『floatをするとFirefoxやOpera、Safariでは背景が表示されない』という現象の元です。
[参考記事] floatの親要素の背景が表示されない

他のブラウザのバグではなくて、Internet Explorer側のバグが意図した方向にたまたま表示されていただけです。
親要素の領域指定がfloatより小さいと、float領域の大きさに拡大されます。

親領域 width 100pxで、floatは width 200px

親領域 height 50pxで、floatは height 100px

対象ブラウザ

Windows
Internet Explorer5
Internet Explorer6

回避方法

なし

関連プロパティ

float左または右に寄せて配置する
width幅を指定する
height高さを指定する


主要ブラウザに非対応

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

kikky.net