正確な要素の高さを取得する

Question

要素の高さを正しく設定することができません。私がjQueryで行うとき：

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

私は14になりますが、実際には18pxです。

アイテムを別のdivに配置してオーバーフローを追加しようとしています。私の考えは、1つのアイテムの高さを取得し、次に表示したいアイテムの数を掛けることでした。間違った読みをすることによって、私はこれを適切に達成することができないようです。

私は間違っていますか？

アイテムのグループの高さ、たとえば、すべてが同じクラスで同一である場合、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/