長い半角英数字の文字列に合わせてボックスの幅が強制的に修正される

症状

overflow: visible; が指定された要素内にボックス幅をはみ出すほど長い半角英数文字列が含まれていると、ボックス幅がその文字列を含むサイズに修正されてしまう。

例示

<p style="width:3em; border:2px dashed red;">ABCDEabcde</p>

ABCDEabcde

p要素の幅を3文字分にしています。先頭に空白があるのは、外部スタイルシートで text-indent:1em; を指定しているためです。

スクリーンショット

Moz1.0.1Moz1.0.1での表示(標準モード)

WinIE6WinIE6.0での表示(標準モード)

補足

関連バグとして、自動折り返しによってボックスのサイズが修正されるバグがWinIEバグ052にあります。

修正状況

WinIE6.0では標準・互換モードともに不具合の発生が確認されました。

関連記事

スポンサーリンク

相対配置要素がボックスサイズを算出する際に子孫フロートを除外しない

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る