<div id="div" style="height: 200px;width: 200px;border:solid 50px red;overflow:auto;padding:50px">
<div id="info" style="height:400px;width:400px;border:solid 1px blue;"></div>
<script>
var div=document.getElementById("div");
var ho=div.offsetHeight;
var hc=div.clientHeight;
console.log(ho,hc);
</script>
</div>
1.offsetHeight
offsetHeight=border+padding+height;
2.clientHeight
clientHeight=padding+height-滚动条
3.scrollHeight
scrollHeight=padding+包含内容的完全高度
4.scrollTop
定义:获取位于元素顶部边界与元素中当前可见内容的最顶端之间的距离
scrollTop=scrollHeight-clientHeight
=padding+包含内容的完全高度-(padding+height-滚动条)
=包含内容的完全高度-height-滚动条