jquery.easyui.tabs 中的内容错位怎么解决？？

<script type="text/javascript">        $(document).ready(function () {
           $('#tt').tabs（）；
            $('#tt').tabs('add', {
                title: 'tab1 ',
                closable: true,
                content: '<iframe scrolling="yes" frameborder="0"  src="Demo-MainFrame01.jsp?type=0" style="width:100%;height:100%;"></iframe>',
                selected: true
            }); $('#tt').tabs('add', {
                title: ''tab2  ',
                closable: true,
                content: '<iframe scrolling="yes" frameborder="0"  src="Demo-MainFrame01.jsp?type=1" style="width:100%;height:100%;"></iframe>'        
    });
        });      
</script><body>
<div id="tt"></div>
</body> 
我在页面加载的时候加入了二个TAB.都是跳转到Demo-MainFrame01.jsp，Demo-MainFrame01.jsp里面嵌套了几个DIV,出来的效果是，只有 tab1的里面的内容格式显示正确。tab2里面的DIV宽度就变的很窄，出现错位。当我右键刷新下，DIV的格式又回复正常，请各位能指点下怎么解决？谢谢啊！                        

解决方案 »

  1.   

    换成动态加载方式，通过href指定你要加载的内容页面URL。
      

  2.   

    因为 Demo-MainFrame01.jsp 里面循环嵌套了N多个DIV,按照你说的href url方式，第一个DIV的宽度显示正常了，但是其他的很多DIV则没有显示。我把链接放在在一个新的浏览器中打开，则能正常显示所有的DIV.     之前用content的时候，是DIV都显示了，就是宽度有问题。