Html 什么';FireFox中iFrame高度问题的解决方案是什么?

Html 什么';FireFox中iFrame高度问题的解决方案是什么?,html,css,firefox,iframe,Html,Css,Firefox,Iframe,我已经环顾四周,检查了我的代码好几次,但就是找不到解决问题的方法: FireFox中的iFrame: 镀铬的iFrame: HTML: 我尝试的任何东西都无法修复FireFox中的高度问题,是否有其他人遇到过此问题并找到了解决方案?尝试将iframe放置在 height:100%; 一分为二 height: 400px !important; 或者只是做一个iframe height: 400px; } 希望能奏效…我遇到的问题的解决方案是一个类,其属性为display:none(用

我已经环顾四周,检查了我的代码好几次,但就是找不到解决问题的方法:

FireFox中的iFrame:

镀铬的iFrame:

HTML:


我尝试的任何东西都无法修复FireFox中的高度问题,是否有其他人遇到过此问题并找到了解决方案?

尝试将iframe放置在

height:100%;
一分为二

height: 400px !important;
或者只是做一个iframe

height: 400px;

}


希望能奏效…

我遇到的问题的解决方案是一个
类,其属性为
display:none
(用于jQuery页面加载),我将其更改为
,属性为
可见性:隐藏这已经解决了这个问题

这似乎只是FireFox中的一个问题。我不确定这是一个bug还是我糟糕的编码


希望这能在将来为其他人节省很多压力。

为什么
height=“100%”
和css中的height?@webnoob因为iFrame在一个容器中。在FireFox 23.0和24.0中使用min height而不是heights它可以工作,可能你在另一个div中有这个iFrame?@Bondye我已经试着输入了iFrame,但是当我从iFrame输入源时,并没有正确显示高度。Javascript是否有一个修复程序可以将iframe中的内容调整到iframe的高度?
height: 400px !important;
height: 400px;
#map {
max-width: 900px;
height: 400px !important;
padding: 10px;
margin: 20px auto;