iframe高度适应

Question

我的页面中引入一个iframe 然后这个iframe外有个div 我现让iframe增高了之后我这个div也自动增高。 现在效果是，iframe显示区域不完整。各位帮帮忙！！！

Answer 1

div没有自动增高，iframe出现了滚动条。

Answer 2

没有吗？我的问题是：div里有个iframe,我想让div的高度随着iframe改变

Answer 3

将iframe的frameborder=no  这样就没滚动条了

Answer 4

frameborder=no   没有滚动条但是我的显示区域不完整。只显示了一般。

Answer 5

如果要自动调整iframe的高度，就要用到js

Answer 6

<script>
//现获取div的高度：
var divHeight = document.getElementById("left").style.height;
//给iframe一个id=main，获取它并赋值
document.getElementById("main").style.height= divHeight 
</script>

Answer 7

<style>
.div {width:auto; height:auto;}
</style>
这样不可以吗?

Answer 8

你把DIV 的高度设为自动增加，然后给iframe设置属性（在style里）min-height高度，把iframe的滚动条去掉，这样能保证你要显示的最小高度，并且如果内容增加，iframe的高度还能自动增加

Answer 9

<div style='width:auto; height:auto;backgound:#000; padding:10px; border:1px solid #f00;'>
<iframe wdith='100' height="150"></iframe>
</div>我刚才试了下，可以啊

Answer 10

可以的 前提是你需要设置iframe的高度岁div增加而增加

Answer 11

<div style='width:auto; height:auto;backgound:#000; padding:10px; border:1px solid #f00;'>
    <iframe wdith='100' height="150" src="这里嵌入页面你试试"></iframe>
</div>

Answer 12

哦，不好意思，刚才看错了，呵呵
你这个需要js来实现。
先获取iframe里src 页面的高度，在用js把iframe的高度设置一下，就可以了。

Answer 13

我的iframe高度是增高了。 div的告诉我设置的是 auto 可是不行啊。

Answer 14

这个需要用JS来操作，当你要改变iframe的高度的时候，要父div也自适应的话，可以先用JS获得iframe改变后的高度，在把这个高度附给div.style.height应该就可以了。

Answer 15

//设置iframe自适应高度
function dyniframesize(down) { 
var pTar = null; 
if (document.getElementById){ 
pTar = document.getElementById(down); 
} else{ 
eval('pTar = ' + down + ';'); 
} 
if (pTar && !window.opera){ 
//begin resizing iframe 
pTar.style.display="block" 
if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){ 
//ns6 syntax 
pTar.height = pTar.contentDocument.body.offsetHeight +20; 
pTar.width = pTar.contentDocument.body.scrollWidth+20; 
} 
else if (pTar.Document && pTar.Document.body.scrollHeight){ 
//ie5+ syntax 
pTar.height = pTar.Document.body.scrollHeight; 
pTar.width = pTar.Document.body.scrollWidth; 
} 
} 
} <iframe onload="javascript:dyniframesize('userArea');" id="userArea" name="userArea" frameborder="0" style="width:100%;display:none;" src="org_loadAllUser.do?parentId=${parentId}&type=${type}&parentname=${parentname}" frameborder="0" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto"></iframe>

Answer 16

没那么麻烦。 网上有个很好的解决方案。
1，你的div 高度可以设置auto; 
2，你主要控制iframe的高就可以了var iframe = document.getElementById("iframeID");
        try{
        var bHeight = iframe.contentWindow.document.body.scrollHeight;
        var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
        var height = Math.max(bHeight, dHeight);
        iframe.height =  height;
        }catch (ex){}
  windows.setinterval("你的js（）",1000)

Answer 17

http://www.jb51.net/article/24400.htm你去看看

Answer 18

div高度不设定，不出现滚动条参考一下下面的。
http://www.iteye.com/topic/209530

Answer 19

在讨论下去就吹毛求疵了，如果人家拉动浏览器，把浏览器高宽都变得很小的时候，那你又该怎么做了！
我觉得用iframe最好固定一个高宽，让里面内容完全显示那样就不会出现滚动条，如果内容过多有滚动条也在所难免的！

Answer 20

div 怎么会 不跟着变呢~

Answer 21

这个，我也想知道，但是，我只能设置width="100%";height="333px";必须设置高度，不然，我也不知道怎么搞，做等高手！

Answer 22

div自动增高设置：
<div style="height:300px;display:table;>

Answer 23

    function reinitIframe(){
     var iframe = document.getElementById("iframe01");
     try{
     iframe.height =  iframe.contentWindow.document.documentElement.scrollHeight;
     }catch (ex){}
     }