如何更改父容器的面板高度以匹配子內容？

Question

我在使用卡布局內的不同面板高度時遇到問題。大多數內容適合我爲容器面板指定的高度，但有一個是其餘的兩倍，我不知道如何讓該面板自然擴展。我意識到大小可以動態設置，但我認爲有一個更簡單的方法，因爲面板最終成爲div中的div。下面是需要被調整爲面板的代碼和它的容器：

var platform = viewport.platform = new Ext.Panel ({ 
       cls: 'page', 
     height: 600, 
     items: [ 
     { 
      html: "<h1>Platform Dev</h1><h2>Application Deployment I: iPhone and iPad</h2><p>The Application Deployment I: iPhone and iPad Course requires students to create and deploy an application to an iOS device by building upon concepts introduced in the Mobile Frameworks and Objective C courses. Upon successful completion of the OS Application course, students will produce an interactive application that can be deployed on Apple¹s iOS devices.</p><h2>Application Deployment II: Android</h2><p>The Application Deployment II: Android Course requires students to create and deploy an application to an Android powered device. Students build upon concepts introduced in the previous programming courses and work through the processes involved by researching and implementing project management techniques." 
     }, 
     { 
        xtype : 'carousel', 
        ui  : 'light', 
        direction: 'horizontal', 
        height: 150, 
        items: [ 
        { 
          html: 'infographic 1', 
          cls : 'infographic1' 
         }, 
         { 
          html: 'Card #2', 
          cls : 'infographic2' 
         }, 
         { 
          html: 'Card #3', 
          cls : 'infographic3' 
         }, 
         { 
          html: 'Card #3', 
          cls : 'infographic4' 
         } 
        ] 
       } 
     ], 
     layout: { 
        type: "vbox", 
        align: "stretch" 
       }, 
     // scroll: 'vertical' 
    }); 


    mainContent = viewport.mainContent = new Ext.Panel ({ 
     id: "main_content", 
     layout: "card", 
     height: 220, 
     items: [introText, mobileDev, games, utilities, platform, newContact], 
     cls: "content", 
     cardSwitchAnimation : "slide", 
    }); 

Answer 1

卡的佔用全部可用空間，這樣，而不是「調整」我想你的意思是你要能夠向下滾動才能看到的剩下的面板太長了，是嗎？如果這樣加scroll: 'vertical'到面板上..你可以將其添加到視面板，讓需要滾動可滾動的任何面板，或者您可以將其添加到在隨即出現的卡

new Ext.Panel ({ 
    scroll: 'vertical', 
    ... 
});