两个div设置了float:left不并排的原因

今天写css，设置了两个div在同一层级，结构如下

<div style="float: left;">
</div>
<div style="float: left;">
    .........
</div>
<div class="clear:both;"></div>

 到ie上面测试发现一切正常，可是放在google浏览器上确怎么也不存在于同一行

最后，怀疑是不是没有设置第二个div的宽度，导致不能满足分配在一行的宽度？加上宽度，测试，成功