javascript的快捷尺寸和快捷位置

快捷尺寸

元素盒模型分content ,padding ,border , margin

box.clientWidth (包括content + padding)
box.clientHeight

box.offsetWidth(包括content + padding + border )
box.offsetHeight

box.clientLeft(左边框的宽度)
box.clientTop(上边框的宽度)

scrollTop 视口上面的页面部分
scrollLeft

快捷位置

box.offsetParent 寻找定位父元素：指的是自己相对于哪个元素定位的
（子绝对父相对）

(固定定位fixed的父元素是视口，fixed.offsetParent = null)

offsetLeft 元素到他的定位父元素的左边的距离

offsetTop 元素到他的定位父元素的上边的距离