<iframe scrolling="no" id='sup_ctx_iframe' name='sup_ctx_iframe' marginwidth='0' style='overflow:hidden;' marginheight='0' width='100%' frameborder='no' border='0' src='' onload="setIframeHeight();"></iframe>
</div>


function setIframeHeight() {
var iframe = document.getElementById('sup_ctx_iframe');
// 获取子页面的高度
var height = window.frames["sup_ctx_iframe"].document.getElementsByTagName("body")[0].clientHeight;
if(iframe)
{
if (undefined != iframe.ownerDocument
&& undefined != iframe.ownerDocument.body.offsetHeight) {
iframe.height = height;
}
}
}


这样每当iframe加载的时候会调用该js方法,从而实现iframe高度自适应不出现滚动条。
当然如果这个iframe是被嵌入一个div里面的,那么这个div的样式需要设置一下:


.content{
height:auto !important;
height: 500px;
min-height: 500px;
}

上一篇: java_程序题分析:删除指定目录下的所有文件和文件夹

下一篇: php怎么发送和接收流文件

推荐阅读