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

Posted 2023-03-06

【中文标题】无法在 Firefox 和 IE 中将框架高度设置为 100%

【英文标题】：Can't set the frame height to 100% in Firefox and IE

【发布时间】：2012-05-29 16:51:46

【问题描述】：

这应该是一件简单的事情，但即使在互联网上进行了 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。

【问题讨论】：

如果您将粘贴带有您的设置和 iframe 的基本 html 页面，将会有所帮助。这样我们可以确保您确实尝试了正确的方法。

我已经发布了链接。你可以在那里看到源代码。

尝试以下方法之一：包含 min-height:200;overflow:auto; 作为包含 iframe 的段落和条目类/div 的样式

【参考方案1】：

我尝试了两件事。首先

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

秒，

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

我将高度从 900 更改为 450。

【讨论】：

感谢您的回复。但是你的两种方法都不起作用仍然在 Firefox 上显示滚动。