//表示距离的对象有两大类:DOM对象,事件对象
//DOM对象:(以odiv为例)
//odiv.style.width 取样式属性width的值,带有单位 .style.height
//odiv.clientWidth 取odiv的width+padding,不带单位; .clientHeight
//odiv.offsetWidth 取odiv的width+padding+border,不带单位; .offsetHeight
//odiv.offfsetLeft 当前定位对象距离当前定位父级对应的值
//odvi.offsetTop 默认DOM对象定位父级是body odiv的border外边距离当前定位父级上边的距离
//测试当前定位父级(console.log(oinner.offsetParent)
//client系列
// 1.clientWidth的实际宽度:clientWidth = width+左右padding
//2,clientHeigh的实际高度 clientHeigh = height + 上下padding
//3,clientTop的实际宽度 clientTop = boder.top(上边框的宽度)
//4,clientLeft的实际宽度 clientLeft = boder.left(左边框的宽度)
//offset系列:
//1,offsetWidth的实际宽度 offsetWidth = width + 左右padding + 左右boder
//2,offsetHeith的实际高度 offsetHeith