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

Question

是在 CSSOM 的構建過程中嗎（默認填充/邊框/邊距可能應用於所有節點）？

Answer 1

一個元素的盒子在所謂的“更新布局”階段被（重新）計算，目前指定*發生（至少）在事件循環的下一個“更新渲染”步驟中，在子步驟 14 :

14. 對於文檔中的每個完全活動的文檔文檔：

• 重新計算 styles 並更新文檔布局

但也可以在調用一些 getters時同步強制。

*_{雖然這是最近對規范的補充，但並非所有瀏覽器都完全遵循它，例如我從經驗中知道，要執行此布局更新 Safari 不會等待下一個“繪畫框架”，而只是等待一些空閑時間。}