获得准确的元素高度

Question

我很难获得正确的元素高度。当我用jQuery做的时候：

$(this).find(".item:first").height();

我得到14分，但实际上是18分。

我正在尝试将项目放在另一个div中并添加溢出。我的想法是获得一个项目的高度，然后乘以想要显示的项目数量。通过错误的阅读，我似乎无法正确地完成这一任务。

我做错了什么？

是否可以计算项目组的高度，例如1-5，如果它们都具有相同的类并且相同？

Answer 1

您（可能）正在寻找.outerHeight()：

$(this).find(".item:first").outerHeight(true);

true说明了保证金。

Answer 2

我的通灵调试技巧告诉我你正在寻找.outerHeight(true/false)。

Answer 3

试试outerHeight()。仅使用height()不会考虑元素的边距和填充。

Answer 4

也许你应该使用outerHeight，可选地（通过传递true）包括计算中的边距。

Answer 5

原生offsetHeight属性将为您提供元素的实际高度，包括边框和填充。 http://jsfiddle.net/AY6DV/