CSS布局float问题

[mayer21548]

3个div, 把 前两个设置为 float:left , 最后一个不设置浮动属性。
为什么显示的效果是第三个div的框架套覆盖在第一个div上，而第三个div的内容却没有覆盖第一个div上？

<style>
  div { width:100px; height:100px;border:1px solid black;}
  #first, #second { float:left; }
  #third  {border:4px solid red;}
</style>


<div id='first'> first</div>
<div id='second'> second</div>
<div id='third'> third</div>

[KK3K2005]

关键 你希望是别的样子？ 显示结果就是 所见即所得

[张运领]

div的默认背景是透明的，你没有给两个幅度的加入背景，所以就看到了浮动div下面的#third的div。 你加个背景就可以看出来了 #first, #second { float:left; background:#aaa;}

[roro5119]

因为脱离了文档流，也就脱离了正常的顺序

[bianHao-binn]

虽然first和second都是浮动的，third不是浮动的，但是first和second会占third显示内容的地方，你把third的宽设成大于200的数，或者把高设成大于100的数试试