Firefox 中的 CSS 高度差

Question

我正在尝试使用以下 javascript/jquery 代码将表 (templtableselect) 中第 th 元素的高度设置为与另一个表 (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"});