js三大系列, offset, scroll, client

           // offset 系列  --->  获取元素的高宽边距
            offsetWidth: 获取元素的宽 包含边框值
            offsetHeight: 获取元素的高 包含边框值
            offsetLeft; 获取元素的左边距
            offsetTop: 获取元素的上边距,
            
            // scroll 系列  ---> 卷曲出去的距离 ---> 如卷帘门,卷到上面去, 看不见了的距离
            scrollLeft: 向左卷曲出去的距离
            scrollTop: 向上卷曲出去的距离
            scrollWidth: 元素中内容的实际的宽 (如果内容少, 或没有内容, 高度就是该元素的高度), 没有边框
            scrollHeight: 元素中内容的实际的高 (如果内容少, 或没有内容, 高度就是该元素的高度), 没有边框
            
            // client 系列 ---> 可视区域
            clientWidth: 可视区域的宽(没有边框), 边框内部的宽
            clientHeight: 可视区域的高(没有边框), 边框内部的高,
            clientLeft:    左边框的值 
            clientTop: 上边框的值