CSS——display:none与visibility:hidden的区别

display:none隐藏对应的元素并且其他元素会挤占该元素原来的空间，即不为被隐藏的对象保留其物理空间，使用该属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;
 
visibility:hidden隐藏对应的元素但其他元素不会挤占该元素原来的空间，即为被隐藏的对象保留其物理空间，使用该属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在，也即是说它仍具有高度、宽度等属性值。
 
记住这两点之后也就不难区分这两者了，如果可以理解为“none”就是没有的意思，“hidden”只是单纯的隐藏之意，这样就可以更好的记住了。