如何让iframe高度自适应

文章目录[隐藏] WPJAM TOC

方法/步骤

  1. 在文件夹里创建两个html文件,一个“index”一个“iframe”。

    如何让iframe高度自适应
  2. 在index中添加一个iframe标签,直接嵌入iframe页面

    如何让iframe高度自适应
  3. 在iframe网页中添加了两个固定高度的div内容。

    如何让iframe高度自适应
  4. 浏览器打开index页面我们发现iframe部分有滚动条,需要滚动显示页面。

    如何让iframe高度自适应
  5. 现在我们在index页面的iframe标签再添加如下的属性。

    name=”ifd”

    onload=”this.height=ifd.document.body.scrollHeight” 

    width=”100%” scrolling=”no”

    frameborder=”0″

    如何让iframe高度自适应
  6. 再次打开index页面iframe已经高度自适应了。

    如何让iframe高度自适应