html - 无法在 Firefox 和 IE 中将框架高度设置为 100%

Question

这本来应该是一件简单的事情，但即使在互联网上进行了 3 个小时的广泛研究后，我也无法找到解决方案。这是我的问题: 我使用 Wordpress 作为 CMS。 (无论如何，我认为这对我来说并不重要)。 我想在 WordPress 页面内使用 iframe。好的。 CSS 和

中框架的高度均设置为 100%

这与 Chrome 上的魅力类似，但框架在 Firefox 和 IE 中显示滚动条，并且高度仅为约 250 像素。我在这个论坛上搜索过，这里和互联网上的大多数人都提出了这个解决方案:

html, body,iframe { margin:0; padding:0; height:100%; min-height: 100% }

同样适用于 iframe:

.forms
{
width:100%;
min-height:100% !important;
display:block;}

这不起作用。所以我也尝试了其他事情:例如溢出:隐藏(这不会显示整个框架)。我还尝试在 iframe 上使用 Jquery 调整大小功能。那也没用。我也尝试过这里发布的JS解决方案: http://yysource.com/2011/08/source-code-iframe-with-100-height/

但这也不起作用。所以现在我已经筋疲力尽了，在这里发布我的问题希望有人可以帮助我。这是我使用 iframe 的页面: http://motushealth.com/mytip/

谢谢， 艾哈迈尔。

注意:我还在 CSS 中尝试过 postion:fixed。

Answer 1

我尝试了两件事。首先

html, body, iframe {
height: 100%; // remove this line
margin: 0;
min-height: 100%;
padding:0;}

第二，

<iframe height="450" frameborder="0" class="forms" onload="resize_iframe()" id="glu" style="border:0px;" src="/form1.html">

我将高度从 900 更改为 450。