display从隐藏到显示，原有样式丢失

1、原有页面设置两个div,一个默认显示，一个默认隐藏，用style= “display：none”进行控制，同时class样式设置了宽度。

4、查找了一下原因，原因就是display不仅会让元素内容不可见，同时元素所占的空间也会消失，但同样控制元素是否可见的visibility，设置为 hidden能不能满足我们的需要呢？ 我们看一下代码和切换效果