解析offsetheight之间，不同的自己，和scrollheight

在互联网上搜索，结论很一般（从不告诉版本），所以我做了测试并上传了结论。

自己的

大多数浏览器不反对自己。他们都以内容可见区域的高度，也就是说，内容的高度可以在浏览器中看到的，这意味着内容的面积可以看出，和滚动条是不包括在内。但请注意，填充数。计算方法是自己= toppadding + bottompadding +高度scrollbar.height。

修正高度
在IE6，IE7，IE8，和最新的FF，Chrome，在元，是offsetheight =自己+滚动条边框。

scrollheight
scrollheight是元素的padding加元素含量的高度。这个高度是独立的滚动条，它是内容的实际高度。

计算方法：scrollheight = toppadding + bottompadding +内容margix框高度。
浏览器的区别是：

IE6和IE7相信scrollheight是Web内容的实际高度可小于自己。

FF和Chrome相信scrollheight是Web内容的高度，但最小的是自己。

注意：所有这些都是一般元素的方言。身体是自己的，文档元素}，offsetheight和scrollheight在不同浏览器的不同计算方法。在所有的浏览器，如果你想把整个窗户的高度，你必须使用documentelement.clientheight，因为body.clientheight是由其内容决定。身体和文档元素}这些属性是完全不同的：
ff19

设置溢流：身体上滚动设置浏览器的滚动条，造成body.clientheight总是等于body.scrollheight。

体
自己：身体。填充+ body.height（CSS设置或内容的支持）；

offsetheight：自己+ body.border；

scrollheight = =自己。

文档元素}
自己=窗口高度-scrollbar.width。

offsetheight = body.offsetheight + body.margin。

scrollheight =内容的高度（以高度的身体风格不相关），但至少是documentelement.clientheight。

在元
offsetheight =填充+边框+高度。

自己=填充+高scrollbar.width。

scrollheight > =自己

从分析的结果，如果认为自己scrollheight最小高度。

offsetleft =距离元素边框左上角的窗口原点或本borderbox顶上offsetparent。

铬
体
自己= body.padding + body.height（CSS设置或大的内容）；

offsetheight = body.clientheight + body.border；

该scrollheight = body.padding +内容的高度（高度独立的风格，但至少是documentelement.clientheight）。

文档元素}
自己=窗口高度滚动条的高度。

offsetheight = body.offsetheight + body.margin；

scrollheight =内容的高度（不相关的高度在身，但至少是documentelement.offsetheight）。

在元
offsetheight =填充+边框+高度。

自己=填充+高scrollbar.width。

scrollheight > =自己

Safari 5
体
自己= body.padding + body.height（CSS或内容的支持）；

offsetheight =自己+边框；

该scrollheight = body.padding +内容的高度（高度独立的风格，但至少是documentelement.clientheight）。

文档元素}
自己=窗大小-滚动条的大小

offsetheight = body.offsetheight + body.margin

scrollheight =内容的高度（不相关的高度在身，但至少是documentelement.offsetheight）。

IE8
在IE8，滚动条的大小为17像素。

体
自己= body.padding + body.height（CSS设置或大的内容）

offsetheight =自己+ body.border

scrollheight =内容的高度（不相关的高度在身，但至少是自己的）。

文档元素}
自己=窗口大小（去除滚动条后）

offsetheight =自己+滚动条大小+ body.border

scrollheight =内容的高度（不相关的高度上，但至少是身体）身体offsetheight +缘。

在元
offsetheight =填充+边框+高度。

自己=填充+高scrollbar.width。

scrollheight > =自己

从分析的结果，如果认为自己scrollheight最小高度。

offsetleft =距离元素边框的左上角或画布的原始点对offsetparent的borderbox顶。

IE7
在IE7中，集体的滚动条是不是一个窗口的滚动条，其中需要注意的。

体
自己= body.padding +高度（CSS设置或内容大）-对身体的滚动条。

该offsetheight =自己+滚动条大小+ body.border。

scrollheight =内容的高度（不相关的高度对身体）。

文档元素}
ClientHeight = window window size (whether there is nothing to do with the scroll bar)

offsetheight =自己。

scrollheight = body.offsetheight + border.margin

要素
offsetheight =填充+边框+高度。

自己=填充+高scrollbar.width。

scrollheight =填充+内容marginbox高度

从结果分析，认为scrollheight IE7可以比自己。

offsetleft =距离元素边界框的左上角的borderbox父容器的左上角（不offsetparent）。

IE6
在IE6，IE7设置类似，身体的滚动条是不是一个窗口的滚动条。

体
自己的body.padding + body.height =

offsetheight = body.clientheight + body.border +身体滚动条的大小。

scrollheight =内容的高度（身体上的独立的高度）。

文档元素}
在IE6，IE7是相似的，虽然对身体的滚动条不在窗口的滚动条，但其自己和offsetheight仍然要与其他浏览器的统一。

自己=窗口大小（除窗口滚动条的大小后）

offsetheight =自己+ body.border

scrollheight = body.offsetheight + body.margin

要素
offsetheight =填充+边框+高度。

自己=填充+高scrollbar.width。

对scrollheight =填充+内容边缘框的高度

从结果分析，认为scrollheight IE6可以比自己。

同样，

clientwidth的解释，offsetwidth和scrollwidth同上，只是改变高度与宽度。