84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
刚刚测试元素的offsetWidth和clientWidth发现问题：一个父p(设father),其内一个子p(设son);当只为son设置宽度且宽度大于浏览器窗口大小（即出现滚动条）时，father.clientWidth的值是son可见区域的大小；但是这时候如果再给father设置宽度（也大于浏览器窗口宽度）时，father.clientWidth始终就是father的宽度了，不是还有一部分不可见吗？
学习是最好的投资！
当只为son设置宽度且宽度大于浏览器窗口大小（即出现滚动条）时，father.clientWidth的值是son可见区域的大小，这个应该有误吧。应该还是father.clientWidth本身的值（差不多就是浏览器窗口的大小）
offsetWidth：对象自身的宽度(width+padding+border)clientWidth: 获取对象可见内容的宽度，不包括滚动条，不包括边框
father的offsetWidth和clientWidth值是相对于father自身的。不可见不是指浏览器滚动条隐藏的部分，而是自身滚动条隐藏的部分。
看一个例子
#father{ border:20px solid #000; width:200px; height:200px; background: #CCC; overflow: auto } #son{ width:300px; height:200px; background: #600; }
哎，怎么没人回答
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
当只为son设置宽度且宽度大于浏览器窗口大小（即出现滚动条）时，father.clientWidth的值是son可见区域的大小，这个应该有误吧。应该还是father.clientWidth本身的值（差不多就是浏览器窗口的大小）
offsetWidth：对象自身的宽度(width+padding+border)
clientWidth: 获取对象可见内容的宽度，不包括滚动条，不包括边框
father的offsetWidth和clientWidth值是相对于father自身的。不可见不是指浏览器滚动条隐藏的部分，而是自身滚动条隐藏的部分。
看一个例子
哎，怎么没人回答