たとえば、
<div class="hoge">にゃんにゃん</div>

という要素があったとして、この要素の高さを出そうと思ったら
こうしますよね。


var nyanHeight = $('.hoge').height(); 


でもこの.hogeの上下にpaddingがかかっていたら?
例えば、padding:10px 0;などがかかっていても、padding分を計算してくれません。

 heightが20pxだとしたら、上下の10pxを含めると見た目上は40pxになるわけですが、

上記のjqueryでは、nyanHeight は20になっちゃいます。


では、paddingも含めた高さはどうやって出すのかというと、

outerHeight();

リファレンスはこちら

var nyanHeight = $('.hoge').outerHeight(); 


これでpadding分も含まれた数値がとれるよ!