offsetWidth,clientWidth,scrollWidth,clientLeft,offsetLeft，scrollLeft简单理解

　　　　　console.log(div.offsetWidth) //width+padding+border
        console.log(div.offsetHeight)//height+padding+border
        console.log(div.clientWidth)//width+padding-滚动条宽度
        console.log(div.clientHeight)//height+padding-滚动条高度
        console.log(div.scrollWidth)//实际宽度+padding
        console.log(div.scrollHeight)//实际高度+padding
        console.log(div.clientLeft)//自身边框宽度
        console.log(div.clientTop)//自身边框宽度
        console.log(div.offsetLeft)//到父元素左边的距离（自身边框之外到父元素边框之内）
        console.log(div.offsetTop)//到父元素上边的距离（自身边框之外到父元素边框之内）
        console.log(div.scrollLeft)//横向滚动条到最左侧滚动条起点距离
        console.log(div.scrollTop)//纵向滚动条到最上侧滚动条起点距离