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