Firefox中的CSS高度差异

Question

我正在尝试使用以下javascript / jquery代码将表中的th元素（templtableselect）的高度设置为与另一个表（templtable）中th元素的高度相同：

var thheight = $('table#templtable th').css("height");
$('table#templtableselect th').css({"height":thheight, "border":"0px"});

在chrome中一切正常，但在firefox中有1个像素差异。我也尝试过.height（）函数，但结果相同。

当我用firebug分析firefox中的元素时，结果如下：

Templtable
size 105 x 34
border 1

Templtableselect
size 44 x 33
border 1

您也可以看到1个像素的相同差异。

知道是什么导致了这种差异吗？

由于

Answer 1

尝试使用outerHeight()代替，它会将边框和填充添加到高度。

var thheight = $('table#templtable th').outerHeight();
$('table#templtableselect th').css({"height":thheight, "border":"0px"});