你如何给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