摘要：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>JD商城--管理后台系统</title><link rel="stylesheet" type="text/css" href="课件及源码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JD商城--管理后台系统</title>
<link rel="stylesheet" type="text/css" href="课件及源码/MI/layui/css/layui.css">
<style>
.header{width: 100%; height: 60px; line-height: 60px; background: #434343; color: #fff;}
.title{font-size: 20px; margin-left: 20px;}
.userinfo{font-size: 16px;float: right; margin-right: 20px;}
.userinfo a{color: #fff; text-decoration: none;}
.menu{width: 100px; position: absolute;}
.main{position: absolute; left: 200px; right: 0px;}
iframe{width: 100%; height: 100%; border:none;}</style>
</head>
<body>
<div>
<span>JD商城--管理后台系统</span>
<span>admin【系统管理员】<a href="">退出</a></span>
</div>
<div>
<ul class="layui-nav layui-nav-tree layui-inline" lay-filter="demo" style="margin-right: 10px;">
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">默认展开</a>
<dl>
<dd><a href="javascript:;">选项一</a></dd>
<dd><a href="javascript:;">选项二</a></dd>
<dd><a href="javascript:;">选项三</a></dd>
<dd><a href="">跳转项</a></dd>
</dl>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">解决方案</a>
<dl>
<dd><a href="">移动模块</a></dd>
<dd><a href="">后台模版</a></dd>
<dd><a href="">电商平台</a></dd>
</dl>
</li>
<li><a href="">云市场</a></li>
<li><a href="">社区</a></li>
</ul>
</div>
<div> <iframe src="课件及源码/MI/index.html" frameborder="0" scrolling="0"></iframe> <div>
<!-- 底部固定区域 -->
© layui.com - 底部固定区域
</div>
</div>
</body>
</html>
批改老师：灭绝师太批改时间：2018-12-10 10:53:56
老师总结：这个是通过js控制的，请仔细看课程！scrolling="no"可以去滚动条
