jQuery outerHeight работает неправильно?

ссылки:

#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 с границами, но не должно показывать outerHeight 300 + 2 + 100 (как верхнее, так и нижнее поля-50 px).

Я в замешательстве.

спасибо.

7
height jquery

3 ответов

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

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

Неа. маржа не учитывается. высота, граница и прокладка.

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

1

попробуй:

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

или:

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