Display: none 和 Visibility: hidden区别

Display: none 和 Visibility: hidden区别

Display:none 是彻底消失，不在文档流中占位，浏览器也不会解析，当none切换显示，会导致页面回流，引起DOM元素发生改变。

Visibility: hidden 是视觉上的消失，还在文档流中占位，且浏览器会解析该元素，使用Visibility:hidden的性能更好，切换时页面不会产生回流。