Easyui Tabs出现双滚动条

这样是没有的，设置了iframe外面的div overflow:hidden

 <div data-options="region:'center'" >
           <div id="tabs" class="easyui-tabs"  data-options="fit:true,border:false">
               <div title="Tab1" style="overflow:hidden">
                   <iframe scrolling="auto" frameborder="0" src="/A/a" style="width:100%;height:100%"></iframe>
               </div>  
           </div>
        </div>

但如果js动态添加tab

 <script type="text/javascript">
 function addTab(title, url) {
            if ($('#tabs').tabs('exists', title)) {
                $('#tabs').tabs('select', title);
            } else {
                var content = '<iframe scrolling="auto"    frameborder="0"   src="' + url + '" style="width:100%;height:100%"></iframe>';
                $('#tabs').tabs('add', {
                    title: title,
                    content: content,
                    closable: true
                });
            }
        }
                </script>

                <div data-options="region:'center'" >
           <div id="tabs" class="easyui-tabs"  data-options="fit:true,border:false">
           </div>
        </div>

设置下iframe的属性，禁用iframe的滚动条。

iframe超过容器范围肯定出现滚动条，iframe又有滚动条就2个了。。

去掉iframe的framebroder，margin试试，不行减少iframe的width/height

                 var content = '<iframe scrolling="auto"   frameborder="0" marginheight="0" marginwidth="0"  src="' + url + '" style="width:100%;height:100%"></iframe>';