这个流氓空白是从哪里来的？答案

【问题标题】：Where is this rogue white-space coming from?这个流氓空白是从哪里来的？
【发布时间】：2011-06-10 23:23:23
【问题描述】：

这是 Opera 使用 FireFly 的屏幕截图。它清楚地说明了文本框的填充 (5px) 和边距 (0px)。但是，文本框右侧是一个大约 10 像素的不明黑色空间，它不是 HTML 空白、td 填充、文本框边距或我能想到的任何其他内容。

FireFox 和 IE 9 中也存在间距。

（请忽略以下按钮具有相同缩进的事实 - 在这种情况下，我已在 td 中添加了 padding-right 作为一种技巧以使其均匀）

有什么想法吗？

【问题讨论】：

会不会和默认的td宽度有关？
能贴出相关的CSS吗？
实际上这将是一个杀手的东西添加到众多的Web开发工具之一。指向并单击“这个 #*$$*&^ 空格来自哪里？”大多数人会为您勾勒出一个块，但会告诉您这些特定像素来自哪里？那会很甜蜜。

【解决方案1】：

您确实应该发布代码本身，而不是正在发生的事情的图像。如果您使用的是<td>，请确保</td> 紧跟在最后一段内容之后：

<td>
    <input type="text"></td>  <!-- No space here, not even a CRLF -->

【讨论】：

【解决方案2】：

即使是我们中最好的人也可以完全空白...我的问题的原因显然是文本框的宽度没有设置为可以填充td 的宽度。增加宽度解决了这个问题。

尽管出于某种原因将其设置为 100% 会使其超出 td 的范围，但这是一个不同的问题。

@Tim Post：这是我的问题的答案，而不是评论 - 请不要不加思索地删除答案。

【讨论】：