<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Admin</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
.frame-header {
height: 60px;
background-color: #23262E;
}
.frame-side {
position: fixed;
top: 60px;
left: 0;
bottom: 0;
width: 200px;
scrollbar-width: none; /* firefox隐藏滚动条 */
-ms-overflow-style: none; /* IE 10+隐藏滚动条 */
overflow-x: hidden;
overflow-y: auto;
background-color:#393D49;
}
.frame-side::-webkit-scrollbar {
display: none; /* Chrome Safari隐藏滚动条 */
}
.frame-main {
position: absolute;
left: 200px;
top: 60px;
right: 0;
bottom: 0;
overflow:hidden;
/*padding-bottom: 40px;如果不需要页脚可以去掉*/
}
.frame-footer {
position: fixed;
left: 200px;
right: 0;
bottom: 0;
z-index: 990;
height: 40px;
line-height: 40px;
padding: 0 15px;
background-color: #FAFAFA;
display:none;/*如果需要页脚去掉可以去掉*/
}
</style>
</head>
<body>
<div class="frame-header">
<!-- 头部区域 -->
<h1 style="color:#FFF">header</h1>
</div>
<div class="frame-side">
<!-- 左侧区域 -->
<ul style="text-align:center;">
<li><a href="main.html" target="main">首页</a></li>
<li><a href="main.html" target="main">链接1</a></li>
<li><a href="main.html" target="main">链接2</a></li>
<li><a href="main.html" target="main">链接1</a></li>
<li><a href="main.html" target="main">链接2</a></li>
<li><a href="main.html" target="main">链接1</a></li>
<li><a href="main.html" target="main">链接2</a></li>
<li><a href="main.html" target="main">链接1</a></li>
<li><a href="main.html" target="main">链接2</a></li>
<li><a href="main.html" target="main">链接1</a></li>
<li><a href="main.html" target="main">链接2</a></li>
<li><a href="main.html" target="main">链接1</a></li>
<li><a href="main.html" target="main">链接2</a></li>
<li><a href="main.html" target="main">链接1</a></li>
<li><a href="main.html" target="main">链接2</a></li>
<li><a href="main.html" target="main">链接1</a></li>
<li><a href="main.html" target="main">链接2</a></li>
<li><a href="main.html" target="main">链接1</a></li>
<li><a href="main.html" target="main">链接2</a></li>
<li><a href="main.html" target="main">链接1</a></li>
<li><a href="main.html" target="main">链接2</a></li>
<li><a href="main.html" target="main">链接1</a></li>
<li><a href="main.html" target="main">链接2</a></li>
<li><a href="main.html" target="main">链接1</a></li>
<li><a href="main.html" target="main">链接2</a></li>
<li><a href="main.html" target="main">链接1</a></li>
<li><a href="main.html" target="main">链接2</a></li>
<li><a href="main.html" target="main">链接1</a></li>
<li><a href="main.html" target="main">链接2</a></li>
<li><a href="main.html" target="main">链接1</a></li>
<li><a href="main.html" target="main">链接2</a></li>
<li><a href="main.html" target="main">链接1</a></li>
<li><a href="main.html" target="main">链接2</a></li>
</ul>
</div>
<div class="frame-main">
<!-- 内容主体区域 -->
<iframe name="main" src="main.html" width="100%" height="100%" frameborder="0"></iframe>
</div>
<div class="frame-footer">
<!-- 页脚区域 -->
页脚区域
</div>
</body>
</html>
浙公网安备 33010602011771号