title: Extjs how to set 100% height for vbox panel
body: <p><img src="https://i.stack.imgur.com/ejgnK.jpg" alt="enter image description here"></p>
  
  <p>Hi~,</p>
  
  <p>I want to set 100% left over height to panel 2. but I don't know how to do..</p>
  
  <p>here is my test code,</p>
  
  <pre><code>{
      title : 'EAST',
      region : 'east',
      layout : 'vbox',
      layoutConfig : {
          align : 'stretch'
      },
      bodyStyle : 'border:1px solid blue',
      width: 300,
      items : [
          new Ext.Panel({
              title : 'Panel 1',
              border : true,
              layout : 'fit',
              height : 250,
              html : 'PANEL 1 AREA'
          }),
          new Ext.Panel({
              title : 'Panel 2',
              border : true,
              bodyStyle : 'border:1px solid red',
              layout : 'fit',
              html : 'PANEL 2 AREA'
          })
      ]
  }
  </code></pre>
  
  <p>I tried, autoHeight : true and height : '100%' to panel 2 but it does not work.</p>
  
  <p>anybody knows, please help me ~</p>
  
  <p>thank you~!</p>