摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>后台管理系统</title> <link rel="stylesheet" type="text/css&quo
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>后台管理系统</title>
<link rel="stylesheet" type="text/css" href="D:/my-mi/layui/css/layui.css">
<script type="text/javascript" src="D:/my-mi/layui/layui.js"></script>
<style type="text/css">
header{width: 100%;height: 50px;line-height: 50px;background: blue;color: #fff;font-size: 22px;text-indent: 20px;}
header span{float: right;font-size: 14px;margin-right: 15px;}
header span a{float: right;font-size: 14px;color: pink;}
.left{width: 200px;background: #ffc;position: absolute;}
.layui-colla-content{padding: 0px;}
.right{position: absolute;left: 200px;}
</style>
</head>
<body>
<header>
后台——管理系统<span>admin[管理登陆]<a href="#">退出</a></span>
</header>
<div>
<div>
<div>
<h2>杜甫</h2>
<div class="layui-colla-content layui-show">
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">默认展开1</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">默认展开2</a>
</li>
</ul>
</div>
</div>
<div>
<h2>李清照</h2>
<div class="layui-colla-content layui-show">
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">默认展开1</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">默认展开2</a>
</li>
</ul>
</div>
</div>
<div>
<h2>鲁迅</h2>
<div class="layui-colla-content layui-show">
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">默认展开1</a>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">默认展开2</a>
</li>
</ul>
</div>
</div>
<div>
<h2>杜甫</h2>
<div class="layui-colla-content layui-show">内容区域</div>
</div>
<div>
<h2>李清照</h2>
<div class="layui-colla-content layui-show">内容区域</div>
</div>
<div>
<h2>鲁迅</h2>
<div class="layui-colla-content layui-show">内容区域</div>
</div>
</div>
</div>
<div>
<iframe src="de.html" frameborder="0" scrolling="0" style="width:1000px;height: 600px;">
</iframe>
</div>
</body>
</html><iframe src="de.html" frameborder="0" scrolling="0" style="width:1000px;height: 600px;"></iframe> 老师，这里宽高设置100%，为什么没用
批改老师：天蓬老师批改时间：2019-01-14 09:55:23
老师总结：<iframe src="de.html" frameborder="0" scrolling="0" style="width:1000px;height: 600px;">
</iframe> 后面主要内容,通过内联框架加载, 这是通用的做法,如果不这样,也可以用div+js的方式进行
