easyUI自适应宽度问题

其实这个问题easyUI是没有问题的，只是我们的使用的时候设置的对。

场景描述：

1、我这个center里面是tabs套着ifream。

2、在点击菜单，加载出的datagrid列表页面是全屏的；

3、可是隐藏菜单后，datagrid部分宽度没有改变；

解决办法：

1、后来通过多次调试，才解决！

2、尤其是一下红色部分！

<div data-options="region:'center'" style="overflow: hidden;">

        <div id="mainTabs" class="easyui-tabs" style="height:100%;" border="false" fit="true">
            <div title="欢迎页面" >
                <iframe src="<%=basePath%>/welcome.jsp" allowTransparency="true" scrolling="no" style="border: 0px; width: 100%; height: 100%;" frameBorder="0"></iframe>
            </div>
        </div>
    </div>