Question

这应该是一个简单的事情，但即使经过3个小时的互联网广泛研究后，我也无法找到解决方案。这是我的问题：我使用Wordpress作为CMS。（无论如何，我认为这在我的案例中并不重要）。我想在wordpress页面中使用iframe。好的。在CSS和

中，帧的高度设置为100％

这就像Chrome上的魅力一样，但框架在firefox和IE中显示滚动条，高度只有250 px。我在这个论坛上搜索过，这里和互联网上的大多数人都提出了这个解决方案：

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

同样适用于iframe：

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

这不起作用。所以我也尝试了其他的东西：比如overflow：hidden（这不显示整个框架）。我也尝试在iframe上使用Jquery resize函数。那也行不通。我也试过这里发布的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。

在Firefox和IE中无法将帧高设置为100％

1 个答案: