jQuery outerHeight no funciona correctamente? estilo

Question

de Enlace: Código

#carousel ul li { 
    display: inline-block; 
    border: solid 1px red; 
    margin: 50px 25px 50px 25px; 
    width: 350px; 
    height: 300px; 
} 

de jQuery:

var height = $("#carousel ul li").outerHeight(); 

document.write(height); 

y dice que la altura del elemento es 302px! ¿Por qué? Es tal vez 302 con bordes, pero no debe mostrar externamente Altura 300 + 2 + 100 (los márgenes superior e inferior son 50 px).

Estoy confundido.

Gracias.

Answer 1

Por outerHeight predeterminado() no incluye los márgenes. Pase true para incluir los márgenes en el cálculo como este:

var height = $("#carousel ul li").outerHeight(true); 

Answer 2

No. el margen no se cuenta altura, borde y relleno es.

si su li contiene elementos de bloque con margen que se cuenta.

Answer 3

Probar:

var height = $("#carousel ul li").height(); 

O:

var height = $("#carousel ul li").css('height');