WEB制作トラブル速戦即決術！第6回

[TROUBLE 33]

IE6のみでボックスサイズが
広がってしまう

文＝小林信次（(株)まぼろし）

A.	「overflow:hidden;」を指定する

Internet Explorer 6では、自分よりも大きな子要素がある場合、親要素の大きさも自動的に大きくなってしまうというバグがある。カラム落ちなどの原因にもなるため、ボックスサイズを固定したい場合にはボックスサイズとともに「overflow:hidden;」を指定しよう。

通常の例（上）と、自分よりも大きな子要素がある例（下）。親要素の大きさが大きくなってしまっている

上図に「overflow:hidden;」の指定を加えた。画像の一部は消えてしまうが、ボックスサイズが大きくなってしまうバグは解消されている

TROUBLE 33 IE6のみでボックスサイズが広がってしまう