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

Question

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

Answer 1

一个元素的盒子在所谓的“更新布局”阶段被（重新）计算，目前指定*发生（至少）在事件循环的下一个“更新渲染”步骤中，在子步骤 14 :

14. 对于文档中的每个完全活动的文档文档：

• 重新计算 styles 并更新文档布局

但也可以在调用一些 getters时同步强制。

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