フロートの左右にhr要素を回り込ませるとき、hr要素のスタイルによっては水平線が本来の位置から右方にずれて表示されることがある。
例示
<div style="width:10em; height:1.5em; border:2px solid blue;">
<div style="float:left; width:5em; border:2px solid red;">フロート</div>
<hr style=" border-width: 1px 0px;" />
</div>フロート
フロートの右隣にhr要素の水平線があり、それは青色のボーダーからはみ出さないはずです。
スクリーンショット
WinIE6.0標準モード
Mozilla1.7.2標準モード
修正状況
- Mozilla1.7.2、Mozilla1.8a2の標準モードと互換モードで不具合の発生を確認しました。
- Netscape7.1でこの不具合は発生しないようです。
