忽略某些单元格以计算HTML表格的列宽度

如果没有固定的宽度，浏览器会计算表列的最佳宽度。有没有一种方法可以依靠自动计算而忽略某些单元格的内容

我的用例如下：我有一个表，其中有一行带有过滤器。输入元素用于过滤器。输入元素应填充整个列的宽度。但它们不应影响列的宽度

这是我表格的简化版本。在两个版本中，列的宽度应相同

表格{
宽度：100%；
边界塌陷：塌陷；
}
td，th{
边框：1px实心；
}
输入{
框大小：边框框；
宽度：100%；
}

名称
电子邮件
地址
无名氏
约翰-doe@examples.com
美国纽约州纽约市东50街203号1157室，邮编：10022

名称
电子邮件
地址
无名氏
约翰-doe@examples.com
美国纽约州纽约市东50街203号1157室，邮编：10022

位置：相对的/

绝对的

设置文档流的输入，是避免在计算表格布局时考虑输入的唯一方法

您可以为单元格设置一个高度，该高度实际上更像最小高度，因为表格会根据内容的大小进行缩放

演示您可能已经测试过的内容

表格{
宽度：100%；
边界塌陷：塌陷；
}
td，th{
边框：1px实心；
位置：相对位置；
高度：1.3em；
}
输入{
框大小：边框框；
位置：绝对位置；
宽度：100%；
左：0；
排名：0；
}

名称
电子邮件
地址
无名氏
约翰-doe@examples.com
美国纽约州纽约市东50街203号1157室，邮编：10022

名称
电子邮件
地址
无名氏
约翰-doe@examples.com
美国纽约州纽约市东50街203号1157室，邮编：10022

非常感谢您的回答。我很抱歉没有早点回复。负利润率法看起来很有希望。我玩过它，它似乎不需要在CodePen中设置所有CSS属性。它似乎只需要

输入{margin right:-100vh；}

在我的问题中提到的CSS之外。您添加这些附加内容的原因是什么？这两种方法中的任何一种都有利弊吗？@jelhan nowrap在第一个单元格中表示宽度足够宽以保持输入可用，最小宽度也可以（它是为了显示收缩到内容）。浮动，是为了消除输入下的间隙，垂直对齐或显示：块也可以。身高是剩下的。