jQuery DataTables 和 IE/Chrome/Safari：表重叠页脚而不是向下推

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;
}