您可以将vbox/hbox布局与设置为stretch的align组合以实现此布局。检查以下代码，在Fiddle（ExtJS 7.3.0 - Material，经典工具包）中测试：

Ext.application({
    name: 'Fiddle',
    launch: function () {
        Ext.create('Ext.Container', {
            layout: {
                type: 'vbox',
                align: 'stretch'
            },
            renderTo: document.body,
            items: [{
                    xtype: 'container',
                    style: {
                        'background': 'grey',
                        'color': 'white',
                        'font-size': '15px',
                    },
                    height: 50,
                    html: 'Layer 1 Header'
                }, {
                    xtype: 'container',
                    layout: {
                        type: 'hbox',
                        align: 'stretch'
                    },
                    items: [, {
                        xtype: 'container',
                        flex: 1,
                        height: 200,
                        style: {
                            'background': 'darkred',
                            'color': 'white',
                            'font-size': '15px',
                        },
                        html: 'Layer 2 Left'
                    }, {
                        xtype: 'container',
                        flex: 1,
                        height: 200,
                        style: {
                            'background': 'darkgreen',
                            'color': 'white',
                            'font-size': '15px'
                        },
                        html: 'Layer 2 Right'
                    }]
                }

            ]

        });
    }
});