web 开发笔记“height clientHeight scrollHeight offsetHeight”

 本人学习东西总是喜欢从概念入手，所以遇到height clientHeight scrollHeight offsetHeight 时，

我首先查询了一下他们的中文翻译。

height:高度，html元素高度属性，这个值你设置的是多少就是多少，没什么解释的

clientHeight:都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，

一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。

offsetHeight:翻译作：偏移高度，我理解为偏离元素height属性值的实际高度；也就是网上说的实际内容高度；但是还的注意浏览器兼容的问题

IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
FF、NS （netscape）认为 offsetHeight 是网页内容实际高度，可以小于 clientHeight。

scrollHeight:这个就不翻译了，当然是滚动条的高度,但是不同浏览器还是有不同的解释

IE、Opera 认为 scrollHeight 是网页内容实际高度，可以小于 clientHeight。 
NS、FF 认为 scrollHeight 是网页内容高度，不过最小值是 clientHeight。

总结一下：无论是offsetHeight还是scrollHeight 都是实际内容的高度，但是IE认为offsetHeight小于clientHeight等于clientHeight;

FF认为scrollHeight小于clientHeight 等于clientHeight