我应该添加什么 css 来修复以下 jquery 数据表重叠？

Question

我正在尝试在我的网站中实现下表：Datatable with knockout example。

我的网站分为to2 maindivs，左边和右边。它似乎工作正常，但我的 CSS 不太好。这是发生的事情： PrintScreen.

我从示例网站中获取了 CSS，还尝试更改 demo div 或表格本身的宽度，但似乎没有奏效。表格会调整大小，但其周围的要素不会改变它们的位置。

这里有一些指向 css 的直接链接：jquery datatables css / page css

在 Jsfiddle 中没有得到完全相同的结果，但它是相似的：Jsfiddle

Answer 1

您的 file-left 和 file-right 元素具有可用宽度的 40% 和 60%，但 file-left 内部的 container 的宽度为 800 像素，并且由于 file-left 也具有 overflow: hidden 的大部分container 被隐藏/切断。

从container 中删除固定宽度会导致这个fiddle 表格很小但很完整：

PS：file-left 在 file-right 里面，我也改了。