display：none与visibility：hidden的区别是什么？

1. display：隐藏对应的元素但不挤占该元素原来的空间。
2. visibility：隐藏对应的元素并且挤占该元素原来的空间。
   即，使用CSS的display：none属性后，HTML元素（对象）的宽度，高度等各种属性值都将“丢失”；而使用visibility：hidden属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而他所占据的空间位置仍然存在。