0

有 1 个 Div 容器,我想在其中呈现我的完整应用程序。应用程序应填写整个 Div 宽度。

我尝试了以下两个 Div,但 Div-container 仍然不是 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%'
                            }
                        ]
                    });
                }
4

2 回答 2

0

尝试将 div 设置为以像素为单位的固定宽度,而不仅仅是 100%。换句话说,如果我给了你100%的钱,你却一无所获,那是因为我没有钱。同样,您指定了 100% 的宽度,但是是什么?也许#stuff div 需要一个包含 div 来绘制其 100% 的宽度。

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

于 2012-07-03T14:37:43.063 回答
0

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

于 2012-08-09T08:38:36.247 回答