Chrome尺寸错误或我的误解？

Question

当我在Chrome 13.0.782.215 Linux中查看以下内容时，我发现div是5px太高了。在检查器中，看起来chrome正在计算内容的高度为37px（边框为30 + 5 + 2 * 1）。 5px是个bug吗？我在Firefox 3.6或6.0中没有看到这个问题。

http://jsfiddle.net/drpXE/5/

Answer 1

http://jsfiddle.net/drpXE/12/

在这种情况下，它不是额外的填充，它只是具有内联文本的textarea位置。将其垂直对齐设置为文本顶部或中间，您将看到额外的5px消失。

textarea
{
    height:30px;
    vertical-align: text-top;
}

这一切都取决于你添加到div的其他内容以及你希望它看起来如何。