以height为例，width同理：
div.clientheight：可见窗口除去了margin+border之后的长度。
div.offsetheight：在div.clientheight的基础上加了border和滚动条的长度。
div.scrollheight：就是元素内容的实际高度。
以top为例，left同理：
div.clienttop：margin之后padding之前的长度值。
div.offsettop：该元素的上border的上边缘 到 该元素的offsetparent的上border内边缘的垂直距离。
div.scrolltop：对象的最顶部到对象在当前窗口显示的范围内的顶边的距离，即是在出现了纵向滚动条的情况下，滚动条拉动的距离。
关于offsetparent，不同的浏览器有不同的实现算法，有一种常见布局在各种浏览器中 offsetparent 是一样的，那就是：外层元素 div 的 position 计算值是 relative、absolute 时，内层元素 div 的 offsetparent 总是外层元素 div。