未知的填充/边距无处不在

Question

这是我的jsfiddle： http://jsfiddle.net/BTYA7/4/

在白色输入框的底部，我们可以看到边框和白框之间有大约5px的填充/边距。我曾尝试使用chrome开发工具，但我无法看到它来自何处，任何人都可以帮我查明它吗？

似乎就是这样：

<div class="uEditor" style="">

但在度量标准窗口中没有填充

Answer 1

这是因为 line-height 属性..将其设置为0

.uEditor
{
    line-height: 0;
}

Check FIDDLE

Answer 2

您可以将Sushnth建议的line-height更改为0。但line-height是可继承的，因此您必须将其更改为子元素的正常值。

因此，我建议您将.uEditor上的背景颜色更改为白色，并保持line-height不变。

See this jsfiddle