Home > Windows > Mozilla > Mozilla フロートの左右に回り込むhr要素が本来の位置からずれる

フロートの左右に回り込むhr要素が本来の位置からずれる

フロートの左右に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.0WinIE6.0標準モード

Moz1.7Mozilla1.7.2標準モード

修正状況

  • Mozilla1.7.2、Mozilla1.8a2の標準モードと互換モードで不具合の発生を確認しました。
  • Netscape7.1でこの不具合は発生しないようです。

Home > Windows > Mozilla > Mozilla フロートの左右に回り込むhr要素が本来の位置からずれる

Search
オススメ書籍
Feeds

Return to page top