CSS在Firefox中的高差

Question

我想用另一個表（templtable）中的th元素的高度來設置表中第（th）元素的高度（templtableselect），使用下面的javascript/jquery代碼：

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

在Chrome一切工作正常，但在Firefox有1倍像素的差別。我也嘗試過.height（）函數，但結果相同。

當我分析的元素在Firefox使用Firebug的結果如下：

Templtable 
size 105 x 34 
border 1 

Templtableselect 
size 44 x 33 
border 1 

你可以看到1個像素的相同的差異也是如此。

任何想法，可以導致這種差異？嘗試使用outerHeight()

感謝

Answer 1

相反，它增加了邊框和填充的高度。

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