在解析/渲染过程中的什么时候，HTML 元素会被分配一个盒子模型？

Question

是在 CSSOM 的构建过程中吗（默认的填充/边框/边距可能应用于所有节点）？

Answer 1

元素的框在所谓的“更新布局”阶段进行（重新）计算，当前指定*该阶段（至少）发生在下一个 "更新渲染" 事件循环步骤，在子步骤 14 ：

但也可以在调用一些 getter 时同步强制执行。

*_{虽然这是最近对规范的补充，但并非所有浏览器都严格遵循它，例如，我从经验中知道，要执行此布局更新，Safari 不会等待下一个“绘画帧”，但只是一些空闲时间。}