Question

这是我的代码：

<!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始终保持在一起。

Answer 1

你也可以在第二个div中float:left。

并在第二个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>

ie和chrome的风格差异？

1 个答案: