Question

DIV里嵌套Iframe，让Iframe及DIV高度一起随内容自适应高度问题

假设：
Div ID为：A 宽度750 高度600
Iframe ID为 B 长和宽撑满 A
Iframe里显示的是http://www.baidu.com这个页面

求随内容自适应高度代码，不要出现滚动条~
拜托~

Answer 1

<div id="me_use" class="ption_a" style="height: 100%; overflow-y: scroll; overflow-x: hidden;">
<div style="width:100%,height:auto;"> --海狗商城--</div>

<div style="height:100%     <iframe style="width:100%;height:100%;frameborder:0; scrolling:no;top:0;left:0" id="jinshi_data" src="https://www.baidu.com/s?wd=%E6%B5%B7%E7%8B%97%E5%95%86%E5%9F%8E%E8%A7%86%E9%A2%91%E7%9B%B4%E6%92%AD%E4%BB%A3%E8%B4%AD&tn=87048150_dg&ie=utf8
"></iframe>
</div>  
</div>

上面是自适应的，支持滚轮，美中不足是最里层iframe的滚动条没去成功。

Answer 2

#A{width:750px;height:600px;position:relative}
#B{width:100%;height:100%;position:absolute;left:0;top:0}

iframe id=B scrolling=no

追问

不行，不知道是否哪里出错了还是？

追答

你需要的是那个部分自适应高度？

你的外层div 需要固定高度，那Iframe呢？

追问

你好，我想Iframe及其内容超过DIV设定高度时，DIV随IFRAME及内容一起自适应。

我是个新手~求教~

追答

这个就比较麻烦了。
需要通过JS来做了。

首先，你需要在iframe内部获取iframe的高度，然后把这个高度值传到Iframe的外层页面
再通过JS 分别设置 div 和 iframe的高度。

这样，Iframe内部有多高，外层就有多高，这就实现了高度自适应。
具体代码我在这里就不演示了，很简单的，用jquery 先获取 body.height(), 然后再window parent 查找#A,#B 分别设置高度

我给你找了一个实例：

你可以看一下

http://www.cnblogs.com/luluping/archive/2009/04/17/1437843.html

Answer 3

#A{width:750px;height:600px;position:relative}
#B{width:100%;height:100%;position:absolute;left:0;top:0}

iframe id=B scrolling=no