<div class="container theme-showcase" role="main">
<table id="frametable" cellpadding="0" cellspacing="0" width="100%"
height="100%" style="width: 100%;">
<tr>
<td colspan="2" height="15%">
<div class="header">
<!-- header menu -->
<iframe id="iframe" name="top" src="jsps/top.jsp" width="100%"
allowtransparency="true" width="100%" height="100%"
frameborder="0" scrolling="no" style="overflow: visible;"></iframe>
</div>
</td>
</tr>
<tr>
<td valign="top" width="150" height="100%">
<div class="left">
<!-- left menu -->
<iframe id="iframe" name="left" src="jsps/left.jsp" width="100%"
allowtransparency="true" width="100%" height="100%"
frameborder="0" scrolling="yes" style="overflow: visible;"></iframe>
</div>
</td>
<td valign="top" width="100%" height="100%">
<iframe id="iframe" name="main" src="jsps/main.jsp" width="100%"
allowtransparency="true" width="100%" height="100%"
frameborder="0" scrolling="yes" style="overflow: visible;"></iframe>
</td>
</tr>
</table>
</div>
<style>
* {
margin: 0;
padding: 0
}
body,html {
height: 100%;
width: 100%;
overflow: hidden;
}
#frametable .header {
height: 15%;
background: #ddd;
border-bottom: 0px solid #999;
}
#frametable .left {
width: 200px;
border-right: 2px solid #999;
background: #ddd;
height: 100%;
}
</style>
转载于:https://www.cnblogs.com/Arvin-9/p/5118956.html
相关资源：一个基于iframe的多窗口后台模板
