Opera CSSバグリスト

先行するフロートの上方に後続のフロートが置かれる(7.0)

2003-04-28修正。例示の変更と補足の追加。

症状

CSS2では、フロートは自身より前にあるフロートより上に置かれてはならないと決められている。しかしOperaでは、フロートを置ける領域がある場合に、自身より前にあるフロートより上に後続のフロートが置かれてしまうことがある。

例示

<div style="float:left; width:4em;
  height:4em; background:aqua;">A</div>
<div style="float:left; width:4em;
  height:3em; background:lime;">B</div>
<div style="float:left; clear:left; width:4em;
  height:3em; background:fuchsia;">C</div>
<div style="float:left; width:4em;
  height:4em; background:teal;">D</div>
<div style="clear:left;">(Clear)</div>

Cのフロートはclearプロパティにより回り込みが抑制されています。Bのフロートの右にはフロートを置ける領域がありますが、Dのフロートは前にあるCのフロートより上に置かれてはならないため、DのフロートはCのフロートの真横（右）に置かれるはずです。

スクリーンショット

<div style="float:left; width:4em;
  height:4em; background:aqua;">A</div>
<div style="float:none; margin-left:4em; width:4em;
  height:3em; background:lime;">B</div>
<div style="float:left; clear:left; width:4em;
  height:3em; background:fuchsia;">C</div>
<div style="float:left; width:4em; height:4em;
  background:teal;">D</div>

修正状況

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