reflow

在CSS规范中有一个渲染对象的概念，通常用一个盒子（box, rectangle）来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的动作有三个：

1. 构造frame, 以建立对象树（DOM树）
2. reflow, 以确定对象位置，或者是调用mozilla的Layout（这里是指源码的实现）
3. 绘制，以便对象能显示在屏幕上

需要注意的是，浏览器渲染模式的不同，将导致reflow出现差异。

以上文字来源于：REALAZY的一篇文章：reflow。

毫无疑问，reflow会增加系统渲染的开销。

资料

• 文档回流(reflow)小结，测试各个浏览器在何种情况下会引起reflow。
• 影响 reflow 的因素及其优化