【面试题】display: none 和 visibility: hidden的区别

1. display: none 和 visibility: hidden 都能够让元素在页面中看不见。
2. 将元素设置属性visibility: hidden后，该元素在依然在网页中占据位置。但是元素属性设置display: none后，该元素在网页中不占任何位置，元素脱离文档流，导致页面重排。
3. 元素属性设置visibility: hidden后，元素对象的宽和高属性值依然存在。 display: none 的宽、高属性值将会丢失。
4. visibility属性指定一个元素是否是可见的，display这个属性用于定义建立布局时元素生成的显示框类型。