CSS面试题：display:none与visibility:hidden的区别(请从隐藏、重绘和回流说明)

(1)、display:none隐藏后不会占用位置，visibility:hidden隐藏后仍然占位置

原理：visibility:hidden进行第一次绘制，display:none第一次不绘制

(2)、display:none会触发重绘和回流，visibility：hidden会触发重绘。

触发回流必定会触发重绘，触发重绘不一定会触发回流。

触发重绘的情况：font-size、background......等改变

触发回流的情况：尺寸大小、位置(left、top)等改变