并不是里页面高度自适是，而是外面的iframe高度自适应你引入的页面的高度。思路是js控制iframe自适应高度，因为iframe本身并不能自适应高度，只有写死高度才行，所以要用js判断整个页面内容的高度。给你的代码:《iframe allowtransparency=“true“ src=“你要入引的页面.htm“ id=“defaulIframePage“ name=“defaulIframePage“ frameborder=“0“ scrolling=“no“ width=“100%“ onload=“defaulIframePageHeight()“》

《/iframe》js部分:function defaulIframePageHeight()

{var ifm = document.getElementById(“defaulIframePage“);var subWeb = document.frames ? document.frames.document : ifm.contentDocument;if (ifm != null && subWeb != null)

{ifm.height = subWeb.body.scrollHeight;}}

《iframe id=“myiframe“ src=““ width=“300“》《/iframe》《script type=“text/javascript“》 var iframe = document.getElementById(“myiframe“); iframe.onload = function(){ var html = this.contentWindow.document.documentElement body = this.contentWindow.document.body, //iframe页面的高度与宽度 h = Math.max( body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight ), w = Math.max( body.scrollWidth, body.offsetWidth, html.clientWidth, html.scrollWidth, html.offsetWidth);

var w = this.contentWindow.document.body.scrollWidth; var h = this.contentWindow.document.body.scrollHeight; this.style.width = w+30+“px“; this.style.height = h+30+“px“; };《/script》上面的代码只适用于IE8以上，另外，如果iframe的src是站外链接的话，可能由于跨站取不到宽度，换句话说，上面的示例的成立条件是：1、浏览器为FF、Chrome、IE8以上。2、iframe的src指向的是本站的页面

通过js 来控制自适应高度；html代码：《iframe src=“需要连接的iframe地址“ id=“iframepage“ name=“iframepage“ frameBorder=0 scrolling=no width=“100%“ onLoad=“iFrameHeight()“ 》《/iframe》js代码：《script type=“text/javascript“ language=“javascript“》 function iFrameHeight() { var ifm= document.getElementById(“iframepage“); var subWeb = document.frames ? document.frames.document : ifm.contentDocument; if(ifm != null && subWeb != null) { ifm.height = subWeb.body.scrollHeight;} } 《/script》

实现 iframe 的自适应高度，能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象。 //** iframe自动适应页面 **// //输入你希望根据页面高度自动调整高度的iframe的名称的列表 //用逗号把每个iframe的ID分隔. 例如: [“myfram...

《iframe src=“xxxx“ width=“980“ onload=“SetWinHeight(this)“ scrolling=“no“ frameborder=“0“ marginwidth=“0“ marginheight=“0“》《/iframe》function SetWinHeight(obj) { var win=obj; if (document.getElementById) { if (win && !window.opera) { if (win.contentDocument && win.contentDocument.body.offsetHeight) win.height = win.contentDocument.body.offsetHeight; else if(win.Document && win.Document.body.scrollHeight) win.height = win.Document.body.scrollHeight; } } } 你试下 看看能不能解决问题

《iframescrolling=“no“name=“aa“frameborder=“0“src=“bb.html“onload=“this.height=0;varfdh=(this.Document?this.Document.body.scrollHeight:this.contentDocument.body.offsetHeight);this.height=(fdh》700?fdh:700)“》《/iframe》iframe高度自适应，700为自己设定的iframe高度最低值，高度小于700的将以700显示，大于700将以div自身高度来显示。iframe高度最低值可以自己修改

怎么让iframe的大小跟随内容的大小自动调整的方法。

如下参考：

1.在一个文件夹中创建两个HTML文件，一个“index”和一个“iframe”。

2.将iframe标记添加到索引中，并将其直接嵌入到iframe页面中。

3.将两个具有固定高度的div内容添加到iframe页面。

4.当浏览器打开索引页时，我们发现在iframe的部分有一个滚动条，需要滚动才能显示页面跟踪。

5.现在，我们将以下属性添加到索引页上的iframe标记。

6.再次打开索引页。iframe对内容的大小具有很强的适应性，如下图所示。

什么是自适应高度吧。所谓iframe自适应高度，就是，基于界面美观和交互的考虑，隐藏了iframe的border和scrollbar，让人看不出它是个iframe。如果iframe始终调用同一个固定高度的页面，我们直接写死iframe高度就可以了。而如果iframe要切换页面，或者被包含页面要做DOM动态操作，这时候，就需要程序去同步iframe高度和被包含页的实际高度了。顺便说下，iframe在迫不得已的时候才去用，它会给前端开发带来太多的麻烦。传统做法大致有两个：方法一，在每个被包含页在本身内容加载完毕之后，执行JS取得本页面的高度，然后去同步父页面的iframe高度。方法二，在主页面iframe的onload事件中执行JS，去取得被包含页的高度内容，然后去同步高度。在代码维护角度考虑，方法二是优于方法一的，因为方法一，每个被包含页都要去引入一段相同的代码来做这个事情，创建了好多副本。如果只考虑FX和IE，并且，iframe里面内容也不进行DOM操作，那仍然可以用最简单最方便的传统处理方式：

《iframe id=“frame_content“ src=“iframe_b.html“ scrolling=“no“ frameborder=“0“ onload=“this.height=this.contentWindow.document.documentElement.scrollHeight“》《/iframe》 两个方法都只处理了静的东西，就是只在内容加载的时候执行，如果JS去操作DOM引起的高度变化，都不太方便。如果在主窗口做一个Interval，不停的来获取被包含页的高度，然后做同步，是不是即方便，又解决了JS操作DOM的问题了呢？答案是肯定的。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》一直执行，效率会不会有问题？我做了测试，同时开5个窗口（IE6、IE7、FF、Opera、Safari）执行这个代码，不会对CPU有什么影响，甚至调整到2ms，也没影响（基本维持在0%占用率）。下面谈谈各浏览器的兼容性问题，如何获取到正确的高度，主要是对body.scrollHeight和documentElement.scrollHeight两个值得比较。注意本文用的是这个doctype，不同的doctype应该不会影响结果，但是假如你的页面没有申明doctype，那还是先去加一个吧。《!DOCTYPE HTML PUBLIC “在主页面追加以下测试代码，以输出这两个值，代码示例：《div》《button onclick=“checkHeight()“》Check Height《/button》《/div》《script type=“text/javascript“》function checkHeight() {var iframe = document.getElementById(“frame_content“);var bHeight = iframe.contentWindow.document.body.scrollHeight;var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;alert(“bHeight:“ + bHeight + “, dHeight:“ + dHeight);}《/script》被加载页面，可以切换一个绝对定位的层，来使页面高度动态改变。如果层展开，则会撑高页面高度。代码示例：《div》《button onclick=“toggleOverlay()“》Toggle Overlay《/button》《/div》《div style=“height:160px;position:relative“》《div id=“overlay“ style=“position:absolute;width:280px;height:280px;display:none;“》《/div》《/div》《script type=“text/javascript“》function toggleOverlay() {var overlay = document.getElementById(’overlay’);overlay.style.display = (overlay.style.display == ’none’) ? ’block’ : ’none’;}《/script》下面列出以上代码在各浏览器的测试值：（bHeight = body.scrollHeight, dHeight = documentElement.scrollHeight, 红色 = 错误值, 绿色 = 正确值）/层隐藏时层展开时bHeightdHeightbHeightdHeightIE6 184 184 184 303 IE7 184 184 184 303 FF 184 184 184 303 Opera 181 181 300 300 Safari 184 184 303 184 暂且无视Opera比别人少3像素的问题…可以看出，如果没有绝对定位的东西，两个值是相等的，取哪个都无所谓。但是如果有，那么各个浏览器的表现不太相同，单取哪个值都不对。但可以找到了一条规律，那就是取两个值得最大值可以兼容各浏览器。所以我们的主页面代码就要改造成这样了：function reinitIframe(){var iframe = document.getElementById(“frame_content“);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){}}window.setInterval(“reinitIframe()“, 200);这样子，基本解决了兼容性问题。顺便说下，不光绝对定位的层会影响到值，float也会导致两个值的差异。如果你演示Demo后，会发现，除了IE，其他浏览器中，当层展开后再隐藏，取到的高度值还是维持在展开的高度303，而非隐藏回去的真正值184，就是说长高了之后缩不回去了。这个现象在不同被包含页面之间做切换也会发生，当从高的页面切换到矮页面的时候，取到的高度还是那个高的值。可以归纳为，当iframe窗体高度高于文档实际高度的时候，高度取的是窗体高度，而当窗体高度低于实际文档高度时，取的是文档实际高度。因此，要想办法在同步高度之前把高度设置到一个比实际文档低的值。所以，在iframe的添加 onload=”this.height=100″，让页面加载的时候先缩到足够矮，然后再同步到一样的高度。这个值，在实际应用中决定，足够矮但又不能太矮，否则在FF等浏览器里会有很明显的闪烁。DOM操作的时候主页面无法监听到，只能DOM操作完了之后把高度变小了。在我的一个实际项目中，在成本和收益之间权衡，我并没有做这个事情，因为每个DOM函数中都要插入这个代码，代价太高，其实层缩回去不缩掉也不是那么致命。包括Demo里，也没有去做这个事情。如果读者有更好的方法，请告诉我。这是最终的主页面的代码：《iframe id=“frame_content“ src=“iframe_b.html“ scrolling=“no“ frameborder=“0“ onload=“this.height=100“》《/iframe》《script type=“text/javascript“》function reinitIframe(){var iframe = document.getElementById(“frame_content“);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){}}window.setInterval(“reinitIframe()“, 200);《/script》附Demo页面： 主页面 iframe_a.html ，被包含页面 iframe_b.htm 和 iframe_c.html

《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

代码如下:《mce:script language= “Javascript “》《!-- window.onload=function() { parent.document.all(“iframe1“).style.height = document.body.scrollHeight; parent.document.all(“iframe1“).style