CSS 回流(reflow) - Gcam

CSS 回流(reflow)

摘录：

1. 回流

    回流是指浏览器为了重新渲染部分或者全部的文档而重新计算文档中元素的位置和几何构造的过程。
    因为回流可能导致整个dom树的重新构造，所以会影响性能。

 

2. display:none;和visibility:hidden

    a. display:none;

        1）元素隐藏后在文档流中不会占位

        2）会造成回流

    b. visibility:hidden

        1）元素隐藏后仍在文档流中占位（视觉上的不可见）

        2）不会造成回流