关于display：none 和visibility:hidden 的区别

1.占据空间 ：none 隐藏后不占据空间 visibility占据空间

2.回流与渲染：none产生回流与渲染 ？ 可以通过oprea中的Profiler 工具测试。

关于回流的详细介绍：http://www.zhangxinxu.com/wordpress/2009/10/attention-reflow-to-make-web-faster/

display 和visibility的回流区别

http://www.zhangxinxu.com/wordpress/2013/01/absolute-display-visibility-reflow/

回流 似乎是页面布局所需的时间

3.株连性：none 具有株连性 visibility没有。

也就是说如果设置了display：none 其子元素同样隐藏 但是visibility：hidden后 如果子元素有设置过 visibility：visible 那子元素不受父元素影响。