js中clientWidth、offsetWidth

clientWidth:width+padding2;
offsetWidth:width+padding2+border*2

<div class="box">我是box</div>
 <style>
        *{
            margin: 0;
            padding: 0
        }
    .box{
        width: 200px;
        height: 200px;
        border: 3px solid red;
        padding: 20px;
        margin: 10px;
    }
    </style>
<script>
var box=document.getElementsByClassName("box")[0];
console.log(box.clientHeight)//=>240
console.log(box.offsetHeight)//=>246
console.log(document.body.offsetWidth)//=>窗口可视区域

</script>