html 右边是iframe 左右结构_左右结构，右边上固定、下iframe，iframe自动改变大小...

无标题文档

div{margin:0;padding:0;border:0}

Left

Tabs

function g(id){

return document.getElementById(id);

}

var left_width = 150;//定义左边部分的宽度

var right_top_height = 150;//定义右边分部顶部tab的高度

var page_min_height = 500;//定义整个页面的最低高度

function resetFrame()

{

try{

var xy = [window.innerWidth,window.innerHeight];

var width = xy[0];

var height = xy[1];

if(width

if(height

var left_obj = g('left');

var right_obj = g('right');

var topheader_obj = g('top_header');

var ifr1_obj = g('ifr1');

var iframe_container_obj = g('iframe_container');

left_obj.style.height = height+"px";

right_obj.style.height = height+"px";

right_obj.style.width = (width-left_width)+"px";

iframe_container.style.width = (width-left_width)+"px";

iframe_container.style.height = (height-right_top_height)+"px";

ifr1_obj.width = width-left_width;

ifr1_obj.height = height-right_top_height;

console.log("width="+width+",height="+height+", right width="+(width-left_width)+",iframe height="+(height-right_top_height));

}catch(e){

alert();

}

}

resetFrame();

window.onresize = resetFrame;