しょぼい話し。 たとえば #id{ height: 10px; width: 10px; margin: 5px; padding: 5px; } とした時に、jQueryで普通に $('#id').height(); を実行してもheightで帰ってくる値は 10。 しかしながら、 $('#id').outerHeight(); ってやると、paddingを含んだ高さが返ってきます。 今回の場合は20。 marginを含めるには、trueを渡す必要がある。 $('#id').outerHeight(true); ってやると30だ。
![jQueryでmarginも含めた幅や高さを取得 | このコードわからん](https://cdn-ak-scissors.b.st-hatena.com/image/square/45665d6b7b5b6b34c0fc45ebf499ad6706a24b6c/height=288;version=1;width=512/https%3A%2F%2Fhai3.net%2Fblog%2Fwp-content%2Fuploads%2F2020%2F01%2Ficon_gray.png)