例子：
<script>
var div=document.getElementById(div);
var ho=div.offsetHeight;
var hc=div.clientHeight;
console.log(ho,hc);
</script>
![這裡寫圖片描述](https://www.aspphp.online/bianchen/UploadFiles_4619/201701/2017010315204529.png "\")
offsetWidth=border+padding+height;
這裡等於: 50+50+200+50+50=400<喎?/kf/ware/vc/" target="_blank" class="keylink">vcD4NCjxibG9ja3F1b3RlPg0KCTxwPtei0uKjujxzdHJvbmc+b2Zmc2V0V2lkdGg8L3N0cm9uZz6yu8Tc1NpkaXNwbGF5o7pub25ltcRkaXa78bXD1f3It9a1LL/J0tTTw2pxdWVyebXEPHN0cm9uZz5vdXRlcldpZHRoKCk8L3N0cm9uZz7V/ci3u/G1wzwvcD4NCjwvYmxvY2txdW90ZT4NCjxoMiBpZD0="2clientwidth">2.clientWidth
![這裡寫圖片描述](https://www.aspphp.online/bianchen/UploadFiles_4619/201701/2017010315204538.png "\")
clientWidth=padding+height-滾動條
這裡等於：50+200+50-17=283
注意：jquery的innerWidth()可不把滾動條計算進去，可得到結果300
![這裡寫圖片描述](https://www.aspphp.online/bianchen/UploadFiles_4619/201701/2017010315204512.png "\")
scrollWidth=padding+包含內容的完全高度
這裡等於：50+402+50=502
定義：獲取位於元素頂部邊界與元素中當前可見內容的最頂端之間的距離
scrollTop=scrollHeight-clientHeight
=padding+包含內容的完全高度-(padding+height-滾動條)
=包含內容的完全高度-height-滾動條
