EasyUI

效果：

Html代码：

<div id="cc" class="easyui-layout" style=" 600px; height: 400px;">
    <div data-options="region:'north',title:'North Title',split:true" style="height: 100px;"></div>
    <div data-options="region:'south',title:'South Title',split:true" style="height: 100px;"></div>
    <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style=" 100px;"></div>
    <div data-options="region:'west',title:'West',split:true" style=" 100px;"></div>
    <div data-options="region:'center',title:'center title'" style="padding: 5px; background: #eee;"></div>
</div>