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

Question

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

我的网站分为2个主要divs，左侧和右侧。它似乎工作正常，但我的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，自{{1}还有file-left大多数overflow: hidden被隐藏/切断。

从container移除固定宽度会导致此fiddle表格虽小但完整：

PS：container在file-left内，我也改变了。