如何在ExtJS表格布局中顶部对齐两个区域？

Ext.create('Ext.container.Container', {
    layout: {
        type: 'vbox',
        align: 'stretch'
    },
    items: [
        {
            xtype: 'container',
            flex: 1,
            html: '这是第一个区域'
        },
        {
            xtype: 'container',
            flex: 1,
            html: '这是第二个区域'
        }
    ]
});

Ext.create('Ext.container.Container', {
    layout: {
        type: 'hbox',
        align: 'stretch'
    },
    items: [
        {
            xtype: 'container',
            flex: 1,
            html: '这是第一个区域'
        },
        {
            xtype: 'container',
            flex: 1,
            html: '这是第二个区域'
        }
    ]
});

Ext.create('Ext.container.Container', {
    layout: {
        type: 'table',
        columns: 2
    },
    defaults: {
        valign: 'top'
    },
    items: [
        {
            xtype: 'container',
            html: '这是第一个区域'
        },
        {
            xtype: 'container',
            html: '这是第二个区域'
        }
    ]
});