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

Question

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

我的网站分为 to2 个主要 div，左侧和右侧。它似乎工作正常，但我的 CSS 不太好。这是发生了什么: PrintScreen .

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

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

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

Answer 1

你的 file-left 和 file-right 元素有 40% 和 60% 的可用宽度，但是 里面的 container >file-left 的宽度为 800px，因为 file-left 也有 overflow: hidden 大多数 container 是隐藏的/切断。

从 container 中移除固定宽度会导致 fiddle table 虽小但完整:

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