<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>类型及模板定义</title>
<script type="text/javascript" src="./js/gfChain.js"></script>
<style type="text/css">
tr tbody{
border-width:0px;
border-spacing:0px;
margin:0px;
padding:0px;
}
div table{
height:100%;
width:100%;
}
</style>
</head>
<body style="width:100%;height:100%;margin:0px;">
<div style="position:absolute;left:0px;top:0px;overflow:auto;width:100%;height:100%;overflow:auto;">
<div style="height:40px;"> </div>
<div style="margin-left:220px;background-color:red;">
这里是内容页
<div style="height:4000px;background-color:blue;"></div>
</div>
</div>
<div style="width:220px;position:absolute;left:0px;top:0px;background-color:red;height:100%;overflow:auto;">
<div style="height:40px;"> </div>
这里是菜单
</div>
<div style="height:40px;position:absolute;top:0px;width:1000px;background-color:#ededed;right:50px;">
这里是水平导航栏
</div>
</body>
</html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>类型及模板定义</title>
<script type="text/javascript" src="./js/gfChain.js"></script>
<style type="text/css">
tr tbody{
border-width:0px;
border-spacing:0px;
margin:0px;
padding:0px;
}
div table{
height:100%;
width:100%;
}
</style>
</head>
<body style="width:100%;height:100%;margin:0px;">
<div style="position:absolute;left:0px;top:0px;overflow:auto;width:100%;height:100%;overflow:auto;">
<div style="height:40px;"> </div>
<div style="margin-left:220px;background-color:red;">
这里是内容页
<div style="height:4000px;background-color:blue;"></div>
</div>
</div>
<div style="width:220px;position:absolute;left:0px;top:0px;background-color:red;height:100%;overflow:auto;">
<div style="height:40px;"> </div>
这里是菜单
</div>
<div style="height:40px;position:absolute;top:0px;width:1000px;background-color:#ededed;right:50px;">
这里是水平导航栏
</div>
</body>
</html>
扫一扫
755
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
