您现在的位置: 365建站网 > 365学习 > iframe.style.height=100%ie7中无效

iframe.style.height=100%ie7中无效

文章来源:365jz.com     点击数:236    更新时间:2011-03-11 16:14   参与评论

      100%高度的iframe在ie7中显示错误,原因是iframe.style.height="100%"。

      1.设置iframe父容器的高度值,100%就能生效(由此猜测默认情况下iframe的父容器高度是某个比较小的值,因此显示出来高度比较小)

      2.如果是脚本动态创建的,iframe.style.height=document.body.scrollHeight

      ---------------------------------------------------------------------------------------------------------------------------

      在网上搜到很多iframe自适应高度的文章。我们只需要让iframe的高度跟浏览器显示区域的高度一样就行了,跟iframe自适应高度是不一样的。

      <iframe id="iFrame1" name="iFrame1" width="100%" onload="this.height=iFrame1.document.body.scrollHeight" frameborder="0" src="index.htm"></iframe>

      是要让iframe的高度跟iframe里面的内容高度一致。

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (236人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------