Firefox의 CSS 높이 차이

Question

다음 자바 스크립트/jquery 코드를 사용하여 다른 테이블 (templtable)의 th 요소 높이와 같은 테이블 (templtableselect)의 th 요소 높이를 설정하려고합니다.

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

크롬에서는 모든 것이 정상적으로 작동하지만 파이어 폭스에서는 1 픽셀 차이가 있습니다. 나는 또한 .height() 함수를 시도했지만 결과는 똑같다. I는 방화 파이어 폭스 요소를 분석 할 때

이 결과는 다음과 같다 :

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