带有边框大小的未指定填充

Question

我之前发现我的CSS有些奇怪。正如您在下面的图片中看到的，我有一个td元素，padding设置为0.但是，如果你向左看，你可以看到绿色区域，其中大约10px在顶部和底部填充，甚至认为Chrome说没有填充。我没有编写CSS，但我发现将box-sizing属性设置为border-box似乎是造成这种情况的原因。但我无法弄清楚如何摆脱它。

那么这个幻像填充来自哪里，如何在仍然使用border-box大小调整的情况下摆脱它？

编辑：Here是一个应该演示行为的小提琴（至少在最新版本的Chrome中）。除非我做table * { box-sizing: content-box; }之类的事情，否则我无法弄清楚如何摆脱填充。我不想这样做。