如图,使 功能菜单的宽度与下边的west宽度相同。样式为easyui metro-blue.
代码如下:
<div class="easyui-layout" fit="true"> <div data-options="region:'north',split:true,collapsible:'false'" title="aa" style="height:50px"></div> <div data-options="region:'south',split:true" style="height:50px;"></div> <div data-options="region:'east',split:true" title="East" style="width:180px;"></div> <div data-options="region:'center',iconCls:'icon-ok'"> <div class="easyui-tabs" fit="true"> <div title="功能菜单"> <div class="easyui-layout" fit="true"> <div data-options="region:'west'" title="west" style="width:180px;"></div> <div data-options="region:'center',iconCls:'icon-ok'"> </div> </div> </div> <div title="My Documents" style="padding-left:100px"> <ul class="easyui-tree" data-options="url:'tree_data1.json',method:'get',animate:true"></ul> </div> <div title="Help" data-options="iconCls:'icon-help',closable:true" style="padding:10px"> This is the help content. </div> </div> </div> </div>
用的什么浏览器?如果是chrome的话,先右键west,审查元素,看看它的width属性是多少,是按百分比还是固定值,然后设置功能菜单的宽度应该就可以了
<div title="功能菜单" style="width: ">
通过style="width:100px"这样,就可以了
用firebug查看宽度后,设其 style="width:**"
加一个style或class