Dom三大家族

offset家族

offset：获取元素 ‘自身’真实宽高与位置

         offsetWidth/offsetHeight    ：自身宽高 = content（width） + padding + border

        offsetLeft/offsetTop          ：自身位置 = 自己 左/上 外边框 到定位父元素 上/左 内边框距离

应用场景 ： 获取盒子尺寸

 scroll家族

 scroll ：获取 ‘内容’ 宽高和位置

        scrollWidth/scrollHeight        ：内容宽高

        scrollLeft/scrollTop                ：内容位置 ： 滚动条滚动的距离

应用场景：固定导航，电梯导航 

client家族

client：获取 ‘可视区域’ 宽高和位置

        clientWidth/clientHeight        ：可视区域宽高

        clientLeft/clientTop                ：可视区域位置（左/上边框宽度）

应用场景：响应式布局，横竖屏适配