Html iframe高度设置为100%，没有任何结果-使用Firefox v14

我目前正在编写一个代码，我已经将iframe的高度设置为100%，但它似乎根本不起作用。我已尝试从中删除不必要的代码来演示问题，请在此处查看代码（注意内联css）：

这是：

<!-- Start full page container -->
<div style="min-width: 830px; width: 100%; height: 100%; float: left;">

<!-- Start scoop menu -->
<div style="width: 188px; float: left;">

<table>
    <thead>
    <tr>
        <td>

<a href="http://rambler.ru" target="scoop" style="font-size:13px; letter-spacing: 0.7px; font-weight: bold;">Link tester</a>

        </td>
    </tr>
    </thead>
</table>

<!-- End scoop menu -->
</div>

<!-- spacer between divs -->
<div style="width: 20px; float: left;">&nbsp;</div>

<!-- Start iframe -->
<div style="min-width: 622px; width:74%; height: 100%; float: left;">

<iframe id="scoop" name="scoop" src="http://www.yahoo.com" style="border:0px #FFFFFF none;" name="myiframe" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" width="100%" height="100%">

<!-- End iframe -->
</div>

<!-- End full page container -->
</div>

我所能做的一切似乎都无法将高度固定到100%。我错过了什么

---

编辑：我刚刚在Safari中测试了这个功能，效果很好，但是在最新版本的Firefox（v14.0.1）中，它不起作用。

针对JAVASCRIPT更新

javascript:

<script type="text/javascript">
var sheet = document.createElement('style')
sheet.innerHTML = "html, body{height: 100%;}";
document.head.appendChild(sheet);
</script>

var sheet=document.createElement（'样式'）
sheet.innerHTML=“html，正文{高度：100%；}”；
文件.头.附件（页）；

html:

​......

您可以使用我刚刚编写的这个小jquery脚本来实现它：

jQuery(document).ready(function(){var height = $(window).height();
            $('iframe').css('height', height)
        });

在没有任何JS的情况下签出我的解决方案

您需要清除一些最有可能的

float

（因为这些是iFrame无法伸缩的原因），并且最有可能需要重构代码

---

希望有帮助。

您正在哪个浏览器中测试它？Chrome似乎很管用。我正在尝试让100%的用户进入屏幕。宽度设置为100%时的工作方式相同。我使用的是FireFox v14。如果你添加

html，body{height:100%}

它也会在FF中运行，但是你的窗口将被限制在视口大小。事实证明，在FF中，你必须确保iframe的所有周围元素也必须具有height:100%（包括父html元素）是否可以添加html，body{height:100%；}在正文中内联？我正在为一个CMS开发这个，它不允许我编辑标题或使用样式表（这就是我使用内联CSS的原因）。你不能在文档中使用样式标记吗？

html，正文{height:100%；}

不，很遗憾，我只能编辑超过body标记的内容。我还剩下什么解决方案？更改了我的答案，只要这个CMS允许您执行javascript:）这是一个非常有趣的方法，解决了我的问题。但是，它似乎不了解我当前窗口的高度，只有我的分辨率。有什么方法可以调整吗它遵循我的屏幕大小？或者是90%而不是100%？它遵循浏览器窗口的大小，至少在这里是这样。但是，如果您希望高度与父元素匹配，您最好使用以下内容：

jQuery（document）.ready（function（）{var height=innerHeight（#perentelementid）$（'iframe'）.css（'height'，height）}）；

但是父元素/包装必须声明高度值。我的意思是父元素/包装必须声明显式值（没有百分比）。

jQuery(document).ready(function(){var height = $(window).height();
            $('iframe').css('height', height)
        });