OperaとChromeでこの青い矩形の配置が異なるのはなぜですか？

<div style="float:left; width:465px;">xxx</div> 
<div style="width:320px; border:1px solid #099aef; position:absolute; display:inline;">Different position of this rectangle in Opera vs Google Chrome</div>

Operaは、左側に青色の四角形を表示しますが、Chromeはそれを別のものとして表示します。どうして？ P.P.コードは大幅に単純化されてエラーを発見し、意味がないかもしれません。OperaとChromeでこの青い矩形の配置が異なるのはなぜですか？

出典

2012-01-21 Haradzieniec

ChromeがFirefoxとは違ってページをどのように表示しているかについて詳しく説明できますか？ – skybondsor

Fiddle：http://jsfiddle.net/VAdNA/ – Tyilo

Chromeは右にそれを表示します：右に465px。 – Haradzieniec

位置座標がない場合、Chromeが2番目のdivの絶対位置を無視しているようです。代わりに、通常のページフローの場合と同様に、最初のdivの右側に2番目のdivが表示されます。

出典

2012-01-21 21:51:32 skybondsor

Chromeが無視されていません。オペラが無視されているのは分かりますよね？ Chromeは無視されず、IE6（IE8 +はテストされていません）とFFは無視されません。 – Haradzieniec

Chromeは無視されていません。 Operaがそれを左に表示していれば、それは正しいです。上/左の位置を指定しなかったので、位置のデフォルトはtop：0、left：0になります。 – skybondsor

OperaとChromeでこの青い矩形の配置が異なるのはなぜですか？

答えて

関連する問題