页面设计了两个div内容，由于功能需要，会根据用户选择反复切换显示，但是最开始设置隐藏的div，再次显示后，样式丢失挤压原有元素的占位大小，这怎么处理呢？
工具/原料
浏览器
方法/步骤
1
原有页面设置两个div,一个默认显示，一个默认隐藏，用style= “display：none”进行控制，同时class样式设置了宽度。
2
这里我们看到页面显示组织类的选择框正常大小，但是切换到自然人时，选择框变得莫名很小。
3
这里我们看一下JS处理的方法是，根据选择 组织类还是自然人进行 两个div的显示与否
4
查找了一下原因，原因就是display不仅会让元素内容不可见，同时元素所占的空间也会消失，但同样控制元素是否可见的 visibility，设置为 hidden能不能满足我们的需要呢？ 我们看一下代码和切换效果