在使用iframe的时候想对它的父盒子进行隐藏和显示的问题

项目中出现的问题：

      按照常规的思路：是使用dispaly：none；对父盒子进行隐藏  这样是可以进行的隐藏的，但是当你在次显示出来的时候 iframe 就会偏离原先的位置  无法很好的对其实现 隐藏和显示。 

解决方案：

 我们可以使用 visibility:hidden 对父元素进行隐藏 然后，使用visibility:visible 进行显示 

visiblity与display的区别：

        当visiblity被设置“hidden”的时候，元素虽然被隐藏了，但是仍然占据它原来的所在的位置。
        display属性就有一点不同了。visibility属性是隐藏元素但保持元素的浮动位置，而display实际上是设置元素的浮动特征。
        当display被设置为block(块)时，容器中所有的元素将会被当作一个单独的块，就像<div>元素一样，它会在那个点被放入到页面中。(实际上你可以设置<span>的display:block，使其可以像<div>一样工作。
        将display设置为inline，将使其行为和元素inline一样---即使它是普通的块元素如<div>，它也将会被组合成像<span>那样的输出流
        display被设置：none，这时元素实际上就从页面中被移走，它下面所在的元素就会被自动跟上填。（此时应用display: none;的元素相当于消失，而visibility: hidden;则只表示隐藏，位置还在。）

echarts图表中父盒子的显示和隐藏的原理和iframe父盒子的显示和隐藏是一样的