使用easyui-layout布局
<body class="easyui-layout"> <div data-options="region:\'north\',title:\'顶部\',split:true" style="height:100px;"></div> <div data-options="region:\'south\',title:\'底部\', split:true" style="height:100px;"></div> <div data-options="region:\'east\',iconCls:\'icon-reload\',title:\'工具\',split:true" style="width:100px;"></div> <div data-options="region:\'west\',title:\'菜单\', split:true" style="width:100px;"> <div id="ac" class="easyui-accordion" data-options="fit:true"> <div title="员工信息" data-options="selected:true"> <a class="easyui-linkbutton" href="#" style="align:center,width:100%">新标签页</a><br> <a class="easyui-linkbutton" title="addUser.html" href="#" style="align:center,width:100%">添加</a><br> <a class="easyui-linkbutton" title="xiugaiUser.html" href="#" style="align:center,width:100%">修改</a><br> <a class="easyui-linkbutton" href="#" style="align:center,width:100%">删除</a><br> </div> <div title="考勤信息">这是考勤信息</div> <div title="培训信息" >这是培训信息</div> </div> </div>
版权声明:本文为zs6666原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。