在display none容器中，iframe内容的高度为0

Question

在Firefox和IE中，如果iframe位于其上有display: none;的容器内，则iframe中内容的高度为0。在Chrome中正确显示了高度。

当容器有display: none; http://jsfiddle.net/8g957vhd/（高度0px）

时的示例

当容器具有display: block; http://jsfiddle.net/kf06nwwt/（正确的高度）

时的示例

此问题是否有解决方法？

Answer 1

我发现的唯一“解决方案”是：

• 仅在计算高度后隐藏iframe的父级
• 使用visibility: hidden;隐藏它（以及position: absolute;或height: 0;以确保它不占用页面空间