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

前端之家收集整理的这篇文章主要介绍了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属性.

猜你在找的JavaScript相关文章