display:none和visibility:hidden的区别是什么？

display:none和visibility:hidden都可以隐藏元素，但是前者不挤占该元素原来的空间，后者挤占该元素原来的空间，区别就在于此。

也就是说，使用display:none之后，该HTML元素（对象）的宽高等各种属性值都将丢失掉~

而使用visibility:hidden之后仅仅是视觉上看不见，它原本占据的空间位置依然存在着。。。

你存在，我深深的脑海里。