2

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

这就像 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;}

这没有用。所以我也尝试了其他的东西：比如溢出：隐藏（这不会显示整个帧）。我还尝试在 iframe 上使用 Jquery 调整大小功能。那也没有用。我还尝试了此处发布的 JS 解决方案：http: //yysource.com/2011/08/source-code-iframe-with-100-height/

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

谢谢，艾哈迈尔。

注意：我也尝试过postion:fixed使用 CSS。

4

1 回答 1

2

我尝试了两件事。第一的

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。

于 2012-05-23T08:32:55.727 回答