不允许我调整IFrame窗口的大小

Question

使用asp.net mvc 2创建Web应用程序。

尝试在索引页面中添加iframe。

<div id="root">
    <iframe src='http://restOfUrl' width='100%' height='100%'></iframe>
</div>

iframe在100％宽度内加载页面，但只有高度的20％左右。 尝试在iframe标记的上方和下方添加多个<br/>，看看它是否有任何区别。 页面已经扩展，但iframe保持不变。

请指教？ 干杯

Answer 1

只需将80％或100％的高度赋予您案例中的父元素

root{
   height:80%
}

http://jsfiddle.net/9akc2jpy/ 1

Answer 2

高度％取决于父元素。如果父元素没有设置高度，它将失败。

所以有2个解决方案。

1. 给父div这样的高度：

       

http://jsfiddle.net/ns2vy6sx/

或2.设置px中的高度，如下所示：

<div id="root" >
    <iframe src='http://restOfUrl' width='100%' height='500px'></iframe>
</div>

http://jsfiddle.net/ns2vy6sx/1/