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;，这解决了问题。

这似乎只是 FireFox 中的一个问题。我不确定这是否是一个错误，或者可能只是我糟糕的编码。

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