パソコン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