为什么max-width在表格中的列上直观地表现？

Question

基本上，我有一个弹性表，我希望我的标签列是固定宽度，我的数据列是动态调整大小。我倾向于在我的标签栏上通过CSS设置max-width。但是，这有 相反的 效果。 I've created a jsfiddle that replicates this.（重新调整窗口大小以查看左列动态调整大小和右列固定大小）

在我自己的网站上，我看到了相同的行为，它发生在IE和Chrome中。

If I switch it, and set max-width on the data column，一切都按照我的意愿行事，但感觉对我不利。我在这里做错了吗？

Answer 1

在表格上设置宽度总是有点......奇怪。 “宽度”实际上大部分时间都是指“最小宽度”，因为最初的“最小宽度”不存在。

但现在，您可以通过向其CSS添加table-layout:fixed来强制表自行。

现在您还有另一个问题：此表格布局采用第一行中单元格的宽度，并将它们用于整个表格。

因此，您可以在第一行之前向表中添加<colgroup>。这允许您设置有限数量的样式，但最重要的是width。我从未尝试使用max-width，但我认为它可能会有效。不过，您可能更安全，宽度为百分比。

Answer 2

使用chrome开发人员工具从数据列中删除max-width不会影响它。该类的那一列不需要它。因为表格宽度为100％，现在只有标签列的宽度设置为保持其大小。所以我猜它有效吗？