不同表格中的表格单元格宽度不一致

Question

我有三个不同的表格，它们应用了完全相同的样式规则，但奇怪的是，第二列的宽度随着每个后续表格的减小而减小。

规则如下：

#content table {
    font-size: 0.875em;
    border-collapse: collapse;
}

#content th {
    font-size: 1.125em;
    margin-top: 0.5em;
}

#content tr {
    border-bottom: 1px dotted #959da5;
}

#content tr:nth-child(even) {
    background: #dfe5e9;
}

#content tr:last-child {
    border: none;
}

#content td {
    vertical-align: top;
    padding: 1em 0.5em;
}

#content td:first-child {
    width: 33%;
}

#content td:last-child {
    width: 66%;
}

这是相关页面的链接： http://cisdl.org/gonthier/about-judge-gonthier/judgments。 html

发生在 Webkit 和 Firefox 中。可能是什么原因造成的？

PS我发现bug后才添加了固定宽度，但没有帮助。

Answer 1

由于某种原因（我猜是边距或填充），你的两个宽度声明相互矛盾。只要删除其中之一就可以了。

---

像这样：

#content td:first-child {
    width: 33%;
}

#content td:last-child {
}