jquery outerHight sometimes wrong

先來看這個這個 jquery method
https://api.jquery.com/outerHeight/
裡面有圖解他取的範圍～

原則上，一般大家都會取用 ex: $('#test').outerHeight(true)，加上margin的計算～

不過，有時候他會出現很奇妙的數字...Google關鍵字也可以讓你找到不少人有一樣的問題。
但是，通常要用到這個method時，大多是計算位置，或是自動修正高度 scrollbar用，一但出現奇妙的數字就會非常Orz...

看了一下Google網路上說法，有時候是老IE的基本元件 padding/margin 本身 default就有問題，可以導入 reset.css 之類的解決。

不過我碰到的倒不是這樣子，但最後也是用改 版面的 css 來解決，我想會讓他出錯的，應該是某些特定 版面排版 設定造成的（並不是單一個div，而是整體的使用，導致他誤判或是什麼的吧，但不容易想到去調別人～所以發生時，一定會覺得很鬼XD...）

講一下在我出錯的case裡，基本結構是：
<div>   <!--  margin here --> O  -->
    <table>   <!-- margin here --> X  -->
        <thead>....</thead>  <!--  here  getOuterHight(true)   -->
        <tbody>....</tbody>
    </table>
</div>

而我在抓 thead 的 高度時GG了～
outerHeight 明顯的數字變高，但是我在 thead 裡的 tr, th, td 等，其實都沒動到height/margin/padding 等項目...一整個搞不懂為啥他喵的旁邊的table算對，就是這一個算錯～

後來比了很久的source code，發現出錯的那個 table tag，有定了 margin/border...然後正覺得table的 上下margin，加起來的數字還跟多出來的高度很接近...果然拿掉 table的margin，計算後就正確了！

所以在結構上，整個table的外框與間隔，應該在外層再用一個div包起來，用div的外框與間隔來做比較好。table與table內的型態，就讓他單純點的不要搞太多設定會比較好～～

不過這表示說，outerHight這個method，可能也會受到 parent/child 等的影響，除了找該元件的內容外，相連的元件設定也該找找看，說不定會比較快找到鬼QQ～