js中的宽高

元素的宽度/高度
元素.offsetWidth/offsetHeight 包含边框和滚动条（不算超出的部分）
元素.clientWidth/clientHeight 不包含边框、不包含滚动条（不算超出的部分）
元素.scrollWidth/元素.scrollHeight 内容的实际宽高(算超出的部分)

可视区域的宽高
宽：document.body.clientWidth||document.documentElement.clientWidth //兼容ie
高：document.body.clientHeight||document.documentElement.clientHeight

浏览器窗口内部的宽/高
window.innerWIdth/window.innerHeight//会随浏览器变大变小改变

屏幕宽高
window.width/window.height
屏幕可用部分宽高
window.avaiWidth/window.avaiHeight

offsetParent/offsetLeft/offsetTop
odiv.offsetParent:找到离当前元素odiv最近的且有定位的父级元素。会一级一组的向上找，找不到就是body.
odiv.offsetLeft:找到与当前元素最近的且有定位的父级元素的左边距离、
odiv.offsetTop:找到与当前元素最近的且有定位的父元素的上边距离

clientLeft/clientTop元素的边框宽/高