浏览器将 DOM 树和 CSSOM 树合并为渲染树后，依次进行布局（计算位置）和绘制（填充像素），最终显示在屏幕上。 论据/示例 渲染树合成： 合并 DOM 和 CSSOM 排除不可见节点（display: none, head 标签等） 布局 (Layout)： 计算每个节点的位置和大小 从根节点递归计算子节点 也称为 Reflow 绘制 (Paint)： 将每个节点转换为像素 填充到对应的图层 也称为 Repaint 流程： 渲染树 → 布局 → 绘制 → 合成 → 显示 关联 浏览器渲染流程 — 本观点的主题 重绘与回流 — 布局和绘制可能触发的问题