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

Question

我在 div 中有一个 iframe。我希望 iframe 的大小与其父 div 的大小完全相同。我使用以下代码设置 iframe 的宽度和高度。

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

但是iframe的宽度和div不一样，水平滚动条和垂直滚动条都显示。

Answer 1

你有很多错别字。

正确的标记应该是这样的:

<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>

请注意，scrolling 和 frameborder 是 iframe 属性，而不是 style 属性。