html - FireFox 中 iFrame 高度问题的修复方法是什么？

Question

我环顾四周并检查了我的代码好几次，但就是找不到解决我的问题的办法:

FireFox 中的 iFrame:

Chrome 中的 iFrame:

HTML:

<iframe width="100%" height="100%" frameBorder="0" id="map" src="link-to-map"></iframe>

CSS:

#map {
    max-width: 900px;
    height: 400px !important;
    padding: 10px;
    margin: 20px auto;
}

我没有尝试解决 FireFox 中的高度问题，有没有其他人遇到过这个问题并找到了解决方案？

Answer 1

我遇到的问题的解决方案是 <span>属性为 display:none; 的类(用于 jQuery 页面加载)，我将其更改为 <div>拥有visibility: hidden;的属性(property)这已经解决了这个问题。

这似乎只是 FireFox 中的一个问题。我不确定这是错误还是我的编码不当。

希望这能在未来为其他人减轻很多压力。