display和visibility的区别
相同点：
display：none；和visibility：hidden；都可以做到对元素的隐藏；
不同点：
- display：none；不占用空间，并且对象也不会存在，会对原有布局造成破坏；宽度高度属性都将‘消失’，
- 而visibility：hidden；虽然把元素进行了隐藏，但是元素（对象）原有的位置被保留，宽度高度属性还都存在。（如果是按钮，点击事件不会被触发）
用途：
如果不想让元素或者对象显示，就使用简单的display：none；注意元素位置不存在，会对页面布局的影响；当特殊情况下，只要隐藏，位置需要存在，则使用visibility：hidden；