HTML document, documentElement , body 各对象.

document　　　　　　　　　　　　　　// Html 的容器对象.

document.documentElement　　　　　　//html 对象

document.body　　　　　　　　　　　　// body 对象

$(document.documentElement).find("body") ;　　　　// Body 对象.

各个高度有各个高度的含义.

document >  document.documentElement > body .

但是 document.height  却很小.

试验:

  <div style="margin: 1px 2px 3px 4px; padding: 5px 6px 7px 8px; border-top: 9px solid pink;
        border-right: 10px solid pink; border-bottom: 11px solid pink; border-left: 12px solid pink;
        background-color: green; height: 300px;">
        <div style="height: 25px;background-color:Blue;">
        </div>
        <div class="FillHeight" style="margin: 13px 14px 15px 16px; padding: 17px 18px 19px 20px;
            border-top: 21px solid pink; border-right: 22px solid pink; border-bottom: 23px solid pink;
            border-left: 24px solid pink; background-color: Yellow;">
            <asp:ContentPlaceHolder ID="MainContent" runat="server">
            </asp:ContentPlaceHolder>
        </div>
    </div>

Height 就是 内容部分的高度.

outerHeight =  Heigth + Border + Padding .

Offset 是按 outerHeight  的位置来计算的. 即= 边框左上角 的 Offset .

容器A

容器内要计算的对象B

B高 = A 高- B.Offset().top - B.marginBottom - B.Border - B.Padding