怎么让iframe的大小跟随内容的大小自动调整?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么让iframe的大小跟随内容的大小自动调整?相关的知识,希望对你有一定的参考价值。

<div id = "mainMiddle">
<iframe id="myIframe" width = "100%" height="100%" src = "<%=path %>/indexMain.jsp" frameborder="no" scrolling="no" />
</iframe>
</div>我在iframe的子页面里有链接,怎么怎么让iframe内容转换后的大小根据内容的多少自动调节,? 不是显示滚动条,而是有多高,自动转换到多高,.!

怎么让iframe的大小跟随内容的大小自动调整的方法。

如下参考:

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

2.将iframe标记添加到索引中,并将其直接嵌入到iframe页面中。

3.将两个具有固定高度的div内容添加到iframe页面。

4.当浏览器打开索引页时,我们发现在iframe的部分有一个滚动条,需要滚动才能显示页面跟踪。

5.现在,我们将以下属性添加到索引页上的iframe标记。

6.再次打开索引页。iframe对内容的大小具有很强的适应性,如下图所示。

参考技术A width:可用像素值或百分比) height:可用像素值或百分比 frameborder:内嵌帧边框 marginwidth:帧内文本的左右页边距 marginheight:帧内文本的上下页边距 scrolling:是否出现滚动条(“auto”为自动,“yes”为显示,“no”为不显示) 参考技术B 就是iframe的大小自适应 看这里:http://www.blogjava.net/faithwind/archive/2009/03/28/43586.html

以上是关于怎么让iframe的大小跟随内容的大小自动调整?的主要内容,如果未能解决你的问题,请参考以下文章

将 iframe 内容高度设置为动态自动调整大小

如何确定iframe中的页面在该iframe中的默认位置

根据内容调整 iframe 的大小

完成所有 jquery ajax 请求后如何调整 iframe 的大小

让多个 iframe 像常规窗口一样拖动、调整大小和最小化

JavaScript Iframe自动调整大小