Javascript 表不再正确附加溢出：下面的自动和浮动容器

基本上，我有一个容器，其中包含一个表，该表使用javascript定期向表中追加数据。这样，容器就有了一个适当的溢出样式：auto，允许它容纳更多的数据，而不会看起来很难看

这很好，直到我在下面放置了另一个容器，其属性为float:left；。现在，该表仅显示第一个附加项。如果我检查元素，我可以“看到”代码中的其他附加数据项，页面上还会出现一些附加数据项，但与完整的表不同

如果我从包含该表的div中删除overflow:auto属性，它将起作用，数据将打印到容器“外部”的页面。如果我移除浮动：左；属性也可以使用。是什么阻止他们一起工作

更新：我没有使用float:left，而是在下面的容器上添加了一个clearingdiv，这样它就可以在下面开槽，而不需要使用float。但问题仍然存在，因此容器一般放在下面似乎有问题

代码如下。”“数据”是包含表的容器，“下载”是位于下面的容器。如果重要的话，javascript将添加到下面

<div id="data">
    <table id="data_table">
    </table>
</div>
<div id="download"></div>

Javascript：如果有某种关联

$('#data_table').append('<tr><td><?php echo $catVarValue;?></td><td><?php echo $measVarValue;?></td></tr>');

---

}

找到了问题的解决方案。在firefox上试用后，我意识到这是一个跨浏览器的问题。这使我想到：

这提供了一个解决方案

$('#data_table').append('<tr><td><?php echo $catVarValue;?></td><td><?php echo $measVarValue;?></td></tr>');