Sencha触摸couresel项目浮动一个在另一个之上

Question

我的旋转木马呈现出奇怪的感觉，它不会水平加载项目，而是将它们一个装在另一个上面。它看起来像这样：http://postimage.org/image/3tisqjl9n/

是因为我在formpanel内制作旋转木马吗？ 在这里你可以看到我的代码：

config: {
    title: 'More Info',
    layout: 'fit',
    items: [
        {
            xtype: 'formpanel',
            id:"moreInfo",
            items: [
                {   
                    id: 'moreContent',
                    tpl: [
                        '<div style="border-bottom 1px solid black">',
                            '<h2 style="margin-bottom:5px;text-transform:capitalize;font-weight:bold">Project: {project}</h2>',
                        '</div>'
                    ].join(''),
                },
                { 
                    xtype: 'carousel',
                    defaults: { cls: 'card'},
                    direction: 'horizontal',
                    layout: 'fit',
                    directionLock: true,
                    items:[
                        {
                            html: "<img src='image1'>",
                        },
                        {
                            html: "<img src='image2'>",
                        },
                        {
                            html: "<img src='image3'>",
                        },
                        {
                            html: "<img src='image4'>",
                        },

                    ]
                },
                {
                    xtype: 'fieldset',
                    defaults: {
                        labelWidth: '35%'
                    },  
                    title: 'Receipts',
                    items: [
                        {
                            xtype: 'button',
                            id: 'takePicture',
                            padding: '10px',
                            text: 'Taka a picture'
                        },
                        {
                            xtype: 'textfield',
                            label: 'Price',
                            name: 'price'
                        },
                        {
                            xtype: 'textfield',
                            label: 'Vendor',
                            name: 'vendor'
                        },
                    ]
                },
                {
                    xtype: 'button',
                    id: 'receiptSave',
                    padding: '10px',
                    ui:'confirm',
                    text: 'Save'
                },
            ]
        },

    ],
},