dom.offsetWidth/offsetHeight也能获取盒模型的宽高。

Question

offsetWidth 是对象的可见宽度，包滚动条等边线，会随窗口的显示大小改变

offsetWidth实际获取的是盒模型(width + padding + border)；

之前在面试的面试官给出的答案。

Answer 1

快乐动起来呀 2018-09-12 10:46:01

没看懂同学你的点是(⊙o⊙)啥？

• 提问者 艾奥宝贝 #1

  dom.offsetWidth也能获取元素的宽，但是当box-sizing:content-box与box-sizing:border-box,两个状态下，获取的值为啥不一样呢?

• 丶四夕 回复 提问者 艾奥宝贝 #2

  因为获取的是元素实际的宽高（加上padding），设置border-box的时候，元素的width是包含padding 的，默认情况下，元素的width是不包含padding的，实际的宽也就会大于等于设置的宽，所以不一样。