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).

我糊涂了.

谢谢.

解决方法

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

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