你如何给iframe 100%的身高

我尝试着

<iframe height="100%" ...> 

但它仍然不会调整它。 当我尝试在像素的高度它的作品。

编辑:100%似乎工作在IE浏览器,但不是Firefox

你可以用CSS做到这一点:

 <iframe style="position: absolute; height: 100%; border: none"></iframe> 

请注意,这将默认将其放在页面的左上angular,但我想这就是你想要实现的。 您可以使用leftrighttopbottom CSS属性进行定位。

iframes没有达到100%的高度的问题不是因为它们笨重。 问题是他们需要 100%的身高才能让他们的父母拥有100%的身高 。 如果其中一个iframe的父母不是100%高,那么iframe就不能超越父母的身高。

所以最好的解决scheme是:

 html, body, iframe { height: 100%; } 

给定的iframe是直接在身体下 。 如果iframe在其自身和主体之间有父项,则iframe仍然会获得其父项的高度。 我们必须明确地将每个家长的身高设定为100%(如果这是我们想要的)。

经testing:

Chrome 30Firefox 24Safari 6.0.5Opera 16IE 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