IE8準拠モードで隣接div間の奇妙なギャップ

私はquirksモードでIE8に問題があります。私は2つの内部divsをラップする外側div要素を持っています。IE8準拠モードで隣接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は、wrapper div全体に広がっている必要があります。これは、FirefoxとChromeでうまく動作します。しかし、IE8でこれを見ると、オレンジ色のdivと緑色のdivの間に奇妙な隙間があります。誰もがこれを修正する方法を知っていますか（または回避するために）？また、文書のどこにでもdoctype宣言を置くことはできません。

出典

2012-03-01 John

癖モード用コンテナのコンテンツと相対的な位置決めに使用絶対位置：

<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-23 18:44:18

IE8準拠モードで隣接div間の奇妙なギャップ

答えて

関連する問題