easyui 在布局中间部分加了一个tab，tab的宽度度不能自适应，只接出固定值，还不能改

Question

名为id="maintable"后所有元素<section id="main-content" style="width: 100%; height: 100%;">    <section class="wrapper" style="width: 100%; height: 100%;">        <!-- page start-->        <div class="row" style="width: 100%; height: 100%;">            <div id="maintab" class="easyui-tabs tabs-container easyui-fluid" fit="true" border="false" plain="true"                 narrow="false">                <div title="首页" data-options="iconCls:'icon-standard-house',tools:'#p-tools'">                    <iframe scrolling="auto" frameborder="0" src="${base}/admin/home" style="width:100%;height:99%;"                            id="indexFrame"></iframe>                </div>            </div>            <div id="p-tools">                <a href="javascript:void(0)" class="icon-mini-refresh" onclick="doflushIndex()"></a>            </div>        </div>    </section></section>以下是好像是easyui在浏览器自动添加的样式<div id="maintab" class="easyui-tabs tabs-container easyui-fluid nav nav-tabs nav-justified" fit="true" border="false" plain="true" narrow="false" style="width: 1336px; height: 632px;">                                    <div class="tabs-header tabs-header-plain tabs-header-noborder" style="width: 1336px;"><div class="tabs-scroller-left" style="display: none;"></div><div class="tabs-scroller-right" style="display: none;"></div><div class="tabs-wrap" style="margin-left: 0px; margin-right: 0px; width: 1336px;"><ul class="tabs" style="height: 27px;"><li class="tabs-first tabs-last tabs-selected"><a href="javascript:void(0)" class="tabs-inner" style="height: 27px; line-height: 25px;"><span class="tabs-title tabs-with-icon" style="padding-right: 9px;">首页</span><span class="tabs-icon icon-standard-house"></span></a><span class="tabs-p-tool" style="right: 5px;"><a href="javascript:void(0)" class="icon-mini-refresh" onclick="doflushIndex()"></a></span></li></ul></div></div><div class="tabs-panels tabs-panels-noborder" style="height: 603px; width: 1336px;"><div class="panel" style="display: block; width: 1336px;"><div title="" data-options="iconCls:'icon-standard-house',tools:'#p-tools'" class="panel-body panel-body-noheader panel-body-noborder" style="width: 1336px; height: 603px;">                        <iframe scrolling="auto" frameborder="0" src="/admin/home" style="width:100%;height:99%;" id="indexFrame"></iframe>                    </div></div></div></div>