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"});