Html ExtJS-将Div中的面板设置为100%

有一个Div容器，我想在其中呈现我的完整应用程序。申请表应填写整个Div宽度

我已经尝试了以下两个Div，但是Div容器仍然不是100%，甚至没有宽度，就像没有内容一样。怎么了

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

---

尝试将div设置为以像素为单位的固定宽度，而不是仅100%。换句话说，如果我给你100%的钱，而你什么也得不到，那是因为我没有钱。同样，您指定了100%的宽度，但是什么？可能stuff div需要一个包含div的元素来绘制其100%宽度

---

此外，两个子面板都有100%的宽度和80%的高度。每人尝试50%。

谢谢您的帮助。框架顶部还有几个附加的div。因此，移除它们就解决了这个问题

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

                    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%'
                            }
                        ]
                    });
                }