ExtJS - 將Div中的面板設置爲100％

有1個Div容器，我想將其渲染爲完整的應用程序。應用程序應填寫整個Div寬度。ExtJS - 將Div中的面板設置爲100％

我已經嘗試了以下的Divs，但仍然Div容器不是100％，甚至沒有寬度就像沒有內容一樣。哪裏不對？

<div id="stuff"></div>

和

<div style="width: 100%;" id="stuff"></div>

我ExtJS的應用程式：

    launch: function() { 

        var div = Ext.Element.get('stuff'); 

        Ext.create('Ext.panel.Panel', { 
         renderTo: div, 
         width: "100%", 
         height: 500, 
         title: 'Container Panel', 
         layout: 'border', 
         items: [ 
          { 
           xtype: 'panel', 
           title: 'Child Panel 1', 
           height: '80%', 
           width: '100%' 
          }, 
          { 
           xtype: 'panel', 
           title: 'Child Panel 2', 
           html: 'textextetxtext', 
           height: '80%', 
           width: '100%' 
          } 
         ] 
        }); 
       }

來源

2012-04-26 Patrick