display:none 与 visibility:hidden

首先display:none;是将DOM元素彻底的消失，彻底的不解析，在代码中不占位。而visibility:hidden；只是视觉上的消失，依旧在页面中会进行解析，会在代码中存在占位。

但是visibility:hidden比display:none的优势在于，如果我们用display:none;的话，切花显示是页面会产生回流，导致页面的重新构建，而visibility:hidden不会出现这种问题。