iframe的高度可以随内容的多少而变化吗

发布网友 发布时间：2022-04-19 06:23

我来回答

共9个回答

热心网友 时间：2022-04-19 07:52

iframe的高度可以随内容的多少而变化，解决方法如下：

1、首先在文件夹里创建两个html文件，一个“index”一个“iframe”。

2、然后在index中添加一个iframe标签，直接嵌入iframe页面。

3、接着在iframe网页中添加了两个固定高度的div内容。

4、浏览器打开index页面，发现iframe部分有滚动条，需要滚动显示页面。

5、现在在index页面的iframe标签再添加如下的属性。再次打开index页面iframe已经高度自适应了。

热心网友 时间：2022-04-19 09:10

可以的，代码如下：

IFRAME，HTML标签，作用是文档中的文档，或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架（即行内框架）。

热心网友 时间：2022-04-19 10:45

我要用iframe嵌套一个网页，里面的内容不固定，iframe的height设置为100...

热心网友 时间：2022-04-19 12:36

Demo页面：主页面 iframe_a.html ，被包含页面 iframe_b.htm 和 iframe_c.html主页面代码示例：<iframe id="frame_content" src="iframe_b.html" scrolling="no" frameborder="0"></iframe><script type="text/javascript">

function reinitIframe(){

var iframe = document.getElementById("frame_content");

try{

iframe.height = iframe.contentWindow.document.documentElement.scrollHeight;

}catch (ex){}

}

window.setInterval("reinitIframe()", 200);

</script>

热心网友 时间：2022-04-19 14:44

可以设置成随内容而变化的高度。

热心网友 时间：2022-04-19 17:09

<iframe name="links" frameborder="0" marginheight="0" marginwidth="0" noresize scrolling="No" height="100%" onload="document.all['links'].style.height=links.document.body.scrollHeight" src='links/linkurl.php' width="1003"></iframe>

热心网友 时间：2022-04-19 19:50

你好。实际上不用哪么复杂用Css设置 height:100%;max-height:100%这样就好了。把iframe放在一个DIV里面

热心网友 时间：2022-04-19 22:48

不能的，iframe会出现下拉的。

热心网友 时间：2022-04-20 02:03

不可以。

iframe自适应高度的代码有很多，百度一下。