折り返されたフロートが常にコンテナブロックの左端に寄せられてしまう

症状

コンテナブロックの幅が狭いためにフロートが折り返されるとき、フローとの寄せ方は上寄せが左(右)寄せより優先されなければならないが、Operaは左(右)寄せを優先してしまう。

例示

<div style="width:180px; height:130px; border:2px dashed blue;">
<div style="float:left; width:80px; height:80px; background:aqua;">A</div>
<div style="float:left; width:80px; height:40px; background:lime;">B</div>
<div style="float:left; width:80px; height:40px; background:fuchsia;">C</div>
</div>
A
B
C

3つのフロートを並べていますが、コンテナブロックの幅の制限により「C」のフロートは折り返されます。このフロートがどこに置かれるかを確認してください。

スクリーンショット

Moz1.0.2Moz1.0.2での表示

Op6Opera6.05での表示

補足

左フロートと右フロートを交互に連続して置いた場合のバグとしてOperaバグ028があります。

修正状況

  • Opera6.06で不具合の発生が確認されました。
  • Opera7.03では標準・互換モードともに不具合の発生はみられません。

関連記事

スポンサーリンク

document.charset

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

上に戻る