为什么浏览器显示的 td 大于我指定的宽度属性？

td 宽度为 162px，即使 td 和 th 的 style="width:25px"

我已将其放入我的 css 文件中

table, td, th {
    border: 1px solid black;
}
table {
    border-collapse:collapse;
}

table.narrow th, td {
    width:50px;
}

这不起作用。最后一个应该采用一个 class="narrow" 的表格，并将其所有后代 th 和 td 元素设置为 50px 宽。 chrome 显示匹配的 CSS 规则：

.narrow th, td { width: 50px; }

那么 chrome 正在读取它并忽略它？或者 CSS 只是白痴？还是我是？为什么 CSS 不能像普通的编程语言一样按照你的指示去做？

所以，我尝试将 style="width:25px" 放在第一列 td AND th 标签中，但仍然不起作用。 Chrome 显示：

element.style { width:25px; } 

但它不会告诉我为什么它要以 162px 显示。

有人有任何线索吗？ 谢谢。

编辑：Kolink 给了我我需要的线索。标签内的表单文本字段导致最小宽度过大。我添加了这种样式来缩小表格：

.narrow input{
  width:80px;
}

它减少了 class="narrow" 表内所有输入的宽度，从而减少了表的宽度。

Set table-layout: fixed;关于桌子的样式。否则表格布局松散width被对待更像min-width.