在显示无容器中时，iframe 内容的高度为 0

【问题标题】：Height of iframe's content is 0 when in a display none container在显示无容器中时，iframe 内容的高度为 0
【发布时间】：2014-11-06 16:40:37
【问题描述】：

在 Firefox 和 IE 中，如果 iframe 位于带有 display: none; 的容器中，则 iframe 中内容的高度为 0。高度在 Chrome 中是正确给出的。

容器具有display: none;http://jsfiddle.net/8g957vhd/（高度0px）时的示例

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

这个问题有解决办法吗？

【问题讨论】：

    标签： internet-explorer firefox iframe height


    【解决方案1】：

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

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

    【讨论】：

      猜你喜欢
      • 2012-07-09
      • 2017-10-09
      • 1970-01-01
      • 2014-11-06
      • 2010-10-02
      • 2013-08-02
      • 1970-01-01
      • 2016-01-02
      • 2012-10-28
      相关资源
      最近更新 更多
      热门标签
      Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode