链接的风格:
#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);