一个作为容器的div 至少应包含一个位设置浮动的div

嗯，不知道这么说对不对，反正情况是这样的：

<div class="container">
   <div class="float">childDiv</div>
   <div class="float">childDiv</div>
   <div class="float">childDiv</div>
</div>

 

.float{

 float:left ;

}

 

如果是上述情况，可以把container加上border，可以看出，container是没有高度的！！即是内容为空。

已经遇到几次这种情况了，每次都是把container设置一堆属性都无效，最后加上border，才看出来真相。这次就把它记录下来；

解决方法好像有几种，最简单的是在末尾加一个空div

<div style="clear:both"></div>

就可以了。

不过，据说对代码来说不是很好，因为不是一句有语义的话。

 另一种解决方法是在父div中添加overflow:hidden属性，据说在IE6 下不行，但未测试。