javascript – 如何使iframe的宽度和高度与其父div相同？

我在一个div里面有一个iframe我想要iframe的大小恰好是它的父div的大小.我使用以下代码来设置iframe的宽度和高度.

<iframe src="./myPage.aspx" id="myIframe" 
    style="position: relative; 
            height: 100%; 
            width: 100%' 
            scrolling='no' 
            frameborder='0'">

但是,iframe的宽度与div不同,同时显示水平和垂直滚动条.

解决方法

你有很多打字错误.

正确的标记应该是：

<iframe src="./myPage.aspx" id="myIframe" scrolling="no" frameborder="0"
    style="position: relative; height: 100%; width: 100%;">
...
</iframe>

另外,如果这个框架已经有一个ID,那你为什么不这样把它放在CSS里(从一个单独的样式表文件)：

#myIframe
{
    position: relative;
    height: 100%;
    width: 100%; 
}

和HTML

<iframe src="./myPage.aspx" id="myIframe" scrolling="no" frameborder="0" > ... </iframe>

记住滚动& frameborder是iframe属性,而不是style属性.