정확한 요소 높이 얻기

Question

정확한 높이를 얻는 데 어려움이 있습니다. jQuery로 할 때 :

$(this).find(".item:first").height(); 

나는 14가되지만 실제로는 18px입니다.

다른 div 안에 항목을 배치하고 오버플로를 추가하려고합니다. 내 생각은 한 항목 높이를 표시하고 표시하려는 항목의 수를 곱하는 것이 었습니다. 잘못된 독서를함으로써 나는 이것을 올바르게 수행 할 수없는 것처럼 보입니다.

내가 뭘 잘못하고 있니?

항목 그룹의 높이를 계산할 수 있습니까, 예를 들어 1-5 모두 동일한 클래스를 갖고 동일합니까?

Answer 1

당신은 (아마도) .outerHeight()를 찾고 있습니다 : 마진

$(this).find(".item:first").outerHeight(true); 

true 계정을.

Answer 2

내 심령 디버깅 기술은 당신이 .outerHeight(true/false)을 찾고 있다고 말해줍니다.

Answer 3

시도 outerHeight(). height()을 사용하는 것은 요소의 여백과 패딩을 고려하지 않습니다.

Answer 4

아마도 outerHeight을 사용해야 할 수도 있습니다. 선택적으로 (true을 전달하여) 계산에 여백을 포함합니다.

Answer 5

네이티브 offsetHeight 속성은 테두리 및 패딩을 포함하여 요소의 실제 높이를 제공합니다. http://jsfiddle.net/AY6DV/