你如何给iframe 100％的身高
我尝试着
<iframe height="100%" ...> 但它仍然不会调整它。 当我尝试在像素的高度它的作品。
编辑：100％似乎工作在IE浏览器，但不是Firefox
你可以用CSS做到这一点：
<iframe style="position: absolute; height: 100%; border: none"></iframe>
请注意，这将默认将其放在页面的左上angular，但我想这就是你想要实现的。 您可以使用left ， right ， top和bottom CSS属性进行定位。
iframes没有达到100％的高度的问题不是因为它们笨重。 问题是他们需要 100％的身高才能让他们的父母拥有100％的身高 。 如果其中一个iframe的父母不是100％高，那么iframe就不能超越父母的身高。
所以最好的解决scheme是：
html, body, iframe { height: 100%; }
给定的iframe是直接在身体下 。 如果iframe在其自身和主体之间有父项，则iframe仍然会获得其父项的高度。 我们必须明确地将每个家长的身高设定为100％（如果这是我们想要的）。
经testing：
Chrome 30 ， Firefox 24 ， Safari 6.0.5 ， Opera 16 ， IE 7, 8, 9 and 10
PS：我并不是说挑剔，但在编写本文时，标记为正确的解决scheme在Firefox 24上不起作用，但在Chrome 30 。 还没有在其他浏览器上testing过。 我遇到了Firefox的错误，因为我testing的页面内容很less…这可能是我微不足道的标记或CSS重置输出，但如果我遇到这个错误，我想接受的答案是行不通的在任何情况下。
iFrame属性不支持HTML5中的百分比。 它只支持像素。 http://www.w3schools.com/tags/att_iframe_height.asp
