类似浏览器的html框架高度自适应,iframe高度宽度自适应兼容所有浏览器

iframe

*{ padding:0; margin:0;}

html,body{ width:100%; height:100%; }

.menu{ width:200px; height:100%; text-align:center;}

.close{ display:none;}

.bar{ width:5px; background:#317EF3; cursor:pointer;}

.clum{ width:5px; height:100%; background:#317EF3;}

.open{ width:5px; height:100%; background:#317EF3;}

$(document).ready(function(){

$(".bar").click(function(){

$(this).toggleClass("open");

$(".menu").toggleClass("close");

});

});

菜单