var sub = document.getElementById('sub');
console.log(sub.clientWidth);//元素的可见宽度(width+padding-left+padding-right)
console.log(sub.clientHeight);//元素的可见高度(height+padding-top+padding-bottom)
console.log(sub.clientTop);//(border-top)
console.log(sub.clientLeft);//(border-left)
console.log(sub.offsetWidth);//元素的高度(width+padding+border)
console.log(sub.offsetHeight);//元素的宽度(height+padding+border)
console.log(sub.offsetTop);//元素垂直偏移位置(相对浏览器的偏移)
console.log(sub.offsetLeft);//元素水平偏移位置(相对浏览器的偏移)
//console.log(sub.offsetParent);//元素偏移容器
console.log(sub.scrollWidth);//元素整体宽度=clientWidth
console.log(sub.scrollHeight);//元素整体高度=clientHeight
console.log(sub.scrollTop);//上边缘与视图之间距离
console.log(sub.scrollLeft);//左边缘与视图之间距离