博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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

Posted on 2011-03-11 16:14  肖敏  阅读(5932)  评论(0编辑  收藏  举报

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

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

      2.如果是脚本动态创建的,iframe.style.height=document.body.scrollHeight,如果document.body.scrollHeight没用,可以使用screen.availHeight

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

      在网上搜到很多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里面的内容高度一致。