Question

有1个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

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

此外，两个儿童面板都有100％的宽度和80％的高度。每次尝试50％。

Answer 2

感谢您的帮助。顶部有几个额外的框架Div。所以删除它们解决了它。

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

2 个答案: