ExtJS - Div의 패널을 100 %로 설정합니다.

Question

전체 응용 프로그램을 렌더링 할 Div 컨테이너가 하나 있습니다. 신청서는 Div 전체의 너비를 기입해야합니다.

다음 div를 모두 사용해 보았지만 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

도움 주셔서 감사합니다. 프레임 워크의 몇 가지 추가 Divs가 위에있었습니다. 그래서 그들을 제거하는 것은 그것을 해결했다.

Answer 2

가 대신 100 %의 픽셀 고정 폭으로 사업부를 설정하십시오. 다시 말해서, 내가 돈을 100 % 주면 아무 것도 얻지 못한다. 돈이 없기 때문이다. 마찬가지로 100 % 너비가 지정되었지만 그 중 무엇을 사용합니까? 아마도 #stuff div에는 100 % 너비를 그려 넣기 위해 div가 필요합니다.

또한 두 자식 패널의 너비는 100 %이고 높이는 80 %입니다. 각각 50 %를 시도하십시오.