display: none 和 visibility: hidden 的区别？

这两个都可以隐藏响应的元素，但是实际效果是有差别的

display:none 

   隐藏对应的元素，在文档布局中不再给它分配空间，相当于从文档中抹去了，彻底的消亡;

visibility:hidden 

   隐藏对应的元素，但是在文档布局中仍保留原来的空间，相当于穿了一件隐身衣，虽然看不见

   但是依然存在;