<html>
<head>
<title>管理框架</title>
<style>
body {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
margin: 0px;
}
.top {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
height: 100px;
background-color: red;
}
.left {
position: absolute;
left: 0px;
top: 100px;
bottom: 0px;
200px;
background-color: blue;
}
.right {
position: absolute;
left: 200px;
top: 100px;
right: 0px;
bottom: 0px;
background-color: yellow;
overflow:hidden;
}
.right iframe {
float: left;
100%;
height: 100%;
}
</style>
</head>
<body>
<div class="top">
顶部
</div>
<div class="left">
目录
</div>
<div class="right">
<iframe src="1.html"></iframe>
</div>
</body>
</html>