<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>案例1</title>
<link rel="stylesheet" href="easy/themes/default/easyui.css" />
<link rel="stylesheet" href="easy/themes/icon.css" />
<script type="text/javascript" src="easy/jquery.min.js" ></script>
<script type="text/javascript" src="easy/jquery.easyui.min.js" ></script>
</head>
<body>
<!--split="true"全屏设置，如果不想全屏直接去掉可以了-->
<div class="easyui-layout" style="height:600px; width=200px;">
<div region="north" split="true" title="上部内容" style="200px;">
顶部
</div>
<div region="east" split="true" title="上部内容" style=" 200px;">
右边内容
</div>
<div region="center" title="中间内容">
内容
</div>
</div>
</body>
</html>
easy实在同一个目录的下面
显示效果：
