0

これは私のコードです:

<!DOCTYPE>
<html>
<body>
  <div class="main">
    <div id="div1" style="float: left;height: 200px;border:1px solid red; ">1</div> 
    <div style="clear:both"></div>
    <div id="div2" style="border:1px solid red;margin-top:20px;background-color: #FFF; ">2</div> 
  </div> 
</body>
</html>

Chrome margin-topでは、div1 と div2 が 20px 離れて有効になっています。しかしIE8では、div1 と div2 は常に一緒に保持されます。</p>

4

1 に答える 1

0

float:left2番目のdivでもできます。

2番目のdivにdivを追加すると、フローティングdivチェックの側面を無効にすることができますhttp://jsfiddle.net/SzgGz/3/

HTML:

<div class="main">
    <div id="div1" style="float: left;height: 200px;border:1px solid red; ">1</div> 
    <div style="float:left; clear:both"></div>
    <div id="div2" style="margin-top:20px; float:left; width:100%;"><div style="border:1px solid red;background-color: #FFF;">2</div></div> 
</div>
于 2013-09-17T10:31:33.877 に答える