这是我的代码：
<!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>
你也可以float:left在第二个 div 中。
并在第二个 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>