盒模型

2022年6月13日小于 1 分钟

内容盒与边框盒

W3C 内容盒模型（content-box）：width = content

IE 边框盒模型（border-box）：width = content + padding + border

浏览器默认使用 W3C 内容盒模型，width = 内容，即 box-sizing 的默认属性为 content-box

一般使用 IE 盒模型（border-box）

offsetWidth

offsetWidth = content + padding + border

offsetWidth 是一个 DHTML 对象模型中的属性，由微软 IE 浏览器首次引入。有时候它也可以称为一个元素的物理或图形尺寸，或者 border-box 的宽度。