display:none与visibility:hidden的区

display:none 

不为被隐藏的对象保留其物理空间 

visibility：hidden 

为被隐藏的对象保留其物理空间

也就是display当他的值变成block 的时候，它所在的结构才会被加载进来。

而visibility就会在加载页面的同时就已经把它加载进来了，因为他的值为hidden的时候，它所占的空间还在。