jquery没有得到真正的高度？

Question

我试图找出为什么jquery无法返回jquery-mobile标头的实际高度，请参阅此屏幕截图：http://i43.tinypic.com/21epavn.png，标头高42px，jquery返回

>$('body').find('div[data-role=header]').css('height') 
"40px"

怎么了？

Answer 1

我猜（可能是错的，但我的第一个想法......）元素的高度是40px，然后它有一个1px边距/填充/边框缠绕它。尝试在CSS中指定以下内容：

div[data-role=header] {margin:0;border:0;padding:0}

看看你是否还有这个问题？

根据Rob W的说法，jQuery中有一个.outerHeight（）函数，它将在计算中包含填充。如果您不想删除填充，请考虑使用它。