div的clientheight和body的clientheight怎么理解不同

Question

html==========123123121231212312123121231212312123121231212312123121231212312123121231212312123121231212312123css================#div1{overflow:scroll;width:100px;height:100px;border:1pxsolid#000;}js======================vardiv=document.getElementById('div1');alert(div.clientHeight);//86alert(div.scrollHeight);//276alert(document.body.clientHeight);//1390alert(document.body.scrollHeight);//1410为什么div.clientHeight不能取到滚动条之后的高度，document.body.clientHeight可以取到滚动条之后的高度？

Answer 1

document.body、document.documentElement和window获取视窗大小的区别client*是获取对象的可视大小，返回的值不包括滚动条的大小，也不包括边框
                            

Answer 2

div.clientHeight取到的是div可视内容的高度。
document.body.clientHeight取到的是body对象高度。