jQuery 数据表和 IE/Chrome/Safari : table overlaps footer instead of pushing it down

Question

这只发生在 Google Chrome 和 Safari 上(在 Firefox 上不是问题)。

如果我有包含多行数据的表格，它最终会扩展表格的高度——然后表格不会向下推包含我的页脚的 DIV，而是实际上与页脚重叠。在 Firefox 上，页脚按我的预期向下推。

谁能给我建议如何解决这个问题？很乐意包含具体代码——整体结构如下:

<div>
    <div id="main">

        //datatables being built here

    </div>
    <div id="footer">

        //footer code here

    </div>
</div>

Answer 1

你有一些代码给我们看吗？

它可能很简单:

#main {
float: left;
clear: both;
}

or 

#main table {
float: left;
clear: both;
}