viewport里只有"center"里的items展现出来了，为啥？

自我介绍：菜鸟中的菜鸟，发的不是技术贴，是问题贴。


var viewPort = new Ext.Viewport({
     title : '药品资料维护列表',
region : 'center',
margins : '0 5 5 5',
layout : 'border',
split : true,
bodyStyle : 'padding:1 1 1 1',
autoWidth : false,
hideBorders : true,
// frame : true,
items : [{
region : 'center',
layout : 'fit',
items : mddrug.main.mainGrid
}, {
region : 'east',
width : 335,
title : '药品资料编辑',
height : '100%',
autoScroll : true,
frame : true,
items : mddrug.main.modifyForm
}]
})



今天在做的时候，发现Ext.Viewport里，除了‘center’下的不用定义height(或width)，其他的（“east”,"west"）都需要定义width，（north，south）要定义height，否则显示的时候除了显示"center"的内容，其他的都被挤得展不开。