背景色が指定された要素内にフロートがあるときに要素内の文字が消える

症状

背景色を指定したブロック要素内にフロート配置した要素があるとき、ブロック要素内の文字列が消える。

例示

<div style="background:aqua;">
<div>A</div>
<div style="float:right; width:3em; background:blue;">B</div>
<div style="clear:right;">C</div>
</div>

文字「B」を含む要素がフロート配置されています。

スクリーンショット

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

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

補足

このバグは、親要素の幅をwidthプロパティで明示することで回避できます。

<div style="width:99%; background:aqua;">
<div>A</div>
<div style="float:right; width:3em; background:blue;">B</div>
<div style="clear:right;">C</div>
</div>

修正状況

WinIE6.0では標準・互換モード共に文字が消える現象が発生します。

スポンサーリンク

関連記事

スポンサーリンク

コマンドラインからpearを実行するとエラーが出る 環境変数PHP_PEAR_PHP_BINの設定

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

上に戻る