iframe在div中如何自适应高度

iframe在div中如何自适应高度

//window.onresize表示窗口触发时间的时候执行

//两个函数，用闭包包裹起来()()

window.onload=function(){

(window.onresize=function(){

//获取可见宽度

var width=document.documentElement.clientWidth-180;//180为左边的div的大小

//获取可见高度

var height=document.documentElement.clientHeight-80;//80为头部的div的大小可自己修改

//如果有宽度就给值，

if(width>=0){

document.getElementById('main').style.width=width+'px';

}

if(height>=0){

document.getElementById('sidebar').style.height=height+'px';

document.getElementById('main').style.height=height+'px';

}

})()};

扩展资料：//设置iframe的高度

function resizeFrameHeight() {

$('.tab_iframe').css('height', document.documentElement.clientHeight - 118);

$('md-tab-content').css('left', '0');

}

window.onresize = function () {

resizeFrameHeight();

initScrollShow();

initScrollState();

}

iframe高度自适应，700为自己设定的iframe高度最低值，高度小于700的将以700显示，大于700将以div自身高度来显示。iframe高度最低值可以自己修改

onload="document.all('mainframe').style.height=mainframe.document.body.scrollHeight+30;">

我测试过，完全可以用的

Iframe高度自适应

marginwidth='0' marginheight='0' frameborder='0'