猿问

jquery easyui 布局问题

jquery easyui 布局问题 ，能不能把style="height:100px;" 设置成按分辨的百分比设置啊 求解，新手求解

1. <!--<body class="easyui-layout"> 2. <div region="north" title="North Title" split="true" style="height:100px;"></div> 3. <div region="south" title="South Title" split="true" style="height:100px;"></div> 4. <div region="east" iconCls="icon-reload" title="East" split="true" style="width:100px;"></div> 5. <div region="west" split="true" title="West" style="width:100px;"></div> 6. <div region="center" title="center title" style="padding:5px;background:#eee;"></div> 7. </body> -->

冉冉说
浏览 571回答 2
2回答

猛跑小猪

从理论上讲是可以用百分比的但是我自己也是遇到了同样的问题设置成百分比后界面上不显示内容，自己查阅了一下资料想出了一个解决办法，在你的body里加上一句class="easyui-layout" data-options="fit:true"之后再设置高度这时就可以设置百分比了，easyui里layout是自适应窗口有时间您可以自己研究一下 以下是我的代码请供参考：12345678910111213141516<body&nbsp;class="easyui-layout"&nbsp;data-options="fit:true">&nbsp;&nbsp;<div&nbsp;class="easyui-layout"&nbsp;style="width:100%;height:100%;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;region="west"&nbsp;split="true"&nbsp;title="Navigator"&nbsp;style="width:150px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<ul>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li><a&nbsp;href="javascript:void(0)"&nbsp;onclick="showcontent('java')">Java</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li><a&nbsp;href="javascript:void(0)"&nbsp;onclick="showcontent('cshape')">C#</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li><a&nbsp;href="javascript:void(0)"&nbsp;onclick="showcontent('vb')">VB</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li><a&nbsp;href="javascript:void(0)"&nbsp;onclick="showcontent('erlang')">Erlang</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</ul>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;id="content"&nbsp;region="center"&nbsp;title="Language"&nbsp;style="padding:5px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>&nbsp;&nbsp;&nbsp;&nbsp;</div>&nbsp;&nbsp;</body>&nbsp;页面效果如下:希望对你有帮助!
0

忽然笑

看你JS里面的内容是什么了，可以设置为百分比，但如果是图片，会出现拉伸或变形
0
随时随地看视频慕课网APP

相关分类

JQuery
我要回答