clientHeight

大部分瀏覽器對 clientHeight 都沒有什么異議，認為是元素可視區域的高度，也就是說元素或窗口中可以看到內容的這個區域的高度，即然是指可看到內容的區域，滾動條不算在內。但要注意padding是算在內。其計算方式為clientHeight = topPadding + bottomPadding+ height - 水平滾動條高度。

offsetHeight

在IE6，IE7，IE8， IE9以及最新的的FF, Chrome中，對于一般元素，都是offsetHeight = padding + height + border = clientHeight + 滾動條 + 邊框。?

scrollHeight

scrollHeight的爭議比較大，有些瀏覽器認為scrollHeight可以小于clientHeight，有些認為scrollHeight至少應該等于clientHeight。但有一點是一樣的，就是scrollHeight >= topPadding + bottomPadding + 內容margin box的高度。

在瀏覽器中的區別在于：

IE6、IE7 認為scrollHeight 是內容高度，可以小于clientHeight。

FF 認為scrollHeight 是內容高度，不過最小值是clientHeight。

注：?以上都是對于一般元素而方言的，body和documentElement的clientHeight, offsetHeight和scrollHeight在各個瀏覽器中的計算方式又不同。

在所有的瀏覽器中，如果你想獲取視窗可見部分的高度，應該使用documentElement.clientHeight，因為body.clientHeight是由它的內容決定的。

我直接上圖了