offset scroll client 的区别元素与屏幕宽高的区别```js 三大家族 offset(元素位置相对于

三大家族 offset(元素位置相对于其offsetParent元素)  /  scroll  /  client 的区别：    
    宽高
        offsetWidth：实际 包含边框   的宽高
        scrollWidth: 实际 不包含边框 的宽高
        clientWidth: scrollWidth减掉overflow部分
    滚动的Left/Top:
        scrollLeft：x滚动条滚动的距离
    
屏幕宽度:
    滚动条
        window.innerWidth
    不含滚动条
       document.documentElement  .clientWidth // 可见区域宽度 (建议用这个)   //返回 <html> 元素，且它一定是该文档的根元素
       document.body             .clientWidth //BODY对象宽度                //返回 <body> 元素

offset scroll client 的区别 元素与屏幕宽高的区别

offset scroll client 的区别元素与屏幕宽高的区别