jQuery outerHeight не работает должным образом? стиль

Question

Линка: Код

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

JQuery в:

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

document.write(height); 

И это говорит высота элемента 302px! Зачем? Это, может быть, 302 с границами, но не должно externalHeight показывать 300 + 2 + 100 (верхнее и нижнее поля 50 пикселей).

Я смущен.

Спасибо.

Answer 1

По умолчанию outerHeight() не включает в себя поля. Переходите true, чтобы включить поля в расчет следующим образом:

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

Answer 2

Nope. маржа не учитывается. высота, граница и обивка есть.

если ваш li содержит элементы блока с марже, который подсчитан.

Answer 3

Try:

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

Или:

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