1

クァークズモードのIE8に問題があります。2つの内側のdivをラップする外側のdiv要素があります。

<div style="margin-left:160px; margin-top:10px; margin-right:0px; height:10px; background:blue;">
    <div style="position:relative; float:left; width:10px; height:10px; background:orange;"></div>
    <div style="position:relative; margin-left:10px; margin-right:0px;height:10px; background:green;"></div>
</div>

内側のdivはラッパーdiv全体にまたがる必要があり、FirefoxとChromeで正常に機能します。しかし、IE8でこれを見ると、オレンジ色のdivと緑色のdivの間に奇妙なギャップがあります。誰かがこれを修正する方法（またはそれを回避する方法）を知っていますか？また、ドキュメントのどこにもDoctype宣言を入れることができません。

4

1 に答える 1

0

quirks モードでは、コンテンツでは絶対配置を使用し、コンテナーでは相対配置を使用します。

    <html lang="en">
    <head>
        <title>Quirksmode Tests</title>
    </head>
    <body>
        <div style="position:relative; margin-left:160px; margin-top:10px; margin-right:0px; height:10px; background-color:blue;">
          <div style="position:absolute; top:0; width:100%; right:0; height:10px; background-color:green;"></div>
          <div style="position:absolute; top:0; left:0; width:10px; height:10px; background-color:orange;"></div>
        </div>
    </body>
    </html>

参考文献

于 2012-10-23T18:44:18.430 に答える