jQuery externalHeight 无法正常工作？

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，但外边距不应显示 300 + 2 + 100（顶部和底部边距均为 50 像素）。

我很困惑。

谢谢。

Answer 1

默认情况下，outerHeight() 不包括边距。传递 true 以将边距包含在计算中，如下所示：

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

Answer 2

没有。保证金不计算在内。高度、边框和填充是。

如果你的 li 包含带有边距的块元素，则该元素也被计算在内。

Answer 3

尝试：

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

或：

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