桌子宽度，它是如何计算的？答案

【问题标题】：table width, how is it calculated?桌子宽度，它是如何计算的？
【发布时间】：2012-10-25 13:09:59
【问题描述】：

我正在开发一个锁定的标题 jquery 插件，我遇到了一个表宽度小于列宽总和的问题。

锁定标题插件的工作原理如下：您创建另一个包含表格原始标题的表格，并将其放入浮动在原始表格上方的表格中。然后确保浮动表格的列宽和原始表格的列宽相等。

我遇到了一个问题，如果一个表格的宽度为 100%并且它在一个有溢出的容器内部，那么表格的宽度似乎不受其列的总和控制宽度。

如果表不在容器中，它可以工作。

第一个表格应该和浮动标题一样宽。你可以看到列宽不匹配。

第二个表工作正常，因为它不在具有溢出的容器中：自动；

【问题讨论】：

【解决方案1】：

您正在使用表格布局：已修复。只是阅读它，似乎有了这个，表格的第一行用于计算表格的宽度。当我检查时，您的第一行似乎是空的，这可能是导致问题的原因？

根据您的 css，如果没有任何内容，此宽度将等于容器的 100%，这似乎是正在发生的事情。

尝试更改为table-layout: auto，尽管我怀疑您可能依赖于当前样式。

【讨论】：

我使用<colgroup> 和<col> 标签作为我的第一行。这会驱动每列的宽度。如果您使用的是 chrome 检查器，由于 chrome 错误，您将无法看到 cols 的宽度。使用萤火虫；）
嗯，什么都没有在我面前跳出来。希望你能弄清楚。