ExtJS - Divのパネルを100％に設定

Question

完全なアプリケーションをレンダリングする1つのDivコンテナがあります。申請書はDivの幅全体を記入するものとします。

私は次の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%' 
          } 
         ] 
        }); 
       } 

Answer 1

ありがとうございました。フレームワークにはさらにいくつかの部門がありました。だからそれを取り除くことで解決しました。

Answer 2

だけではなく、100％のピクセルで固定幅のdivを設定してみてください。言い換えれば、私があなたに私のお金の100％を与え、あなたが何も得なければ、私はお金がないからです。同様に、100％の幅が指定されていますが、何の値ですか？おそらく、#stuff divには100％の幅を描画するdivが必要です。

さらに、両方の子パネルは幅100％、高さ80％です。それぞれ50％お試しください。