在做extjs的开发时遇到这个问题是很正常的，解决的方法如下

 
  
  1. 1 使用Border布局的容器必须 有一个子件在'中心'区域(region:'center')。中心区域的子件将会自动改变尺寸来填充Border布局中没有被使用的其他区域的空间。 (如果不指定会报uncaught exception: No center region defined in BorderLayout XXX 异常)   
  2.   2 任何west或east区域的子件都必须定义宽度(一个整数代表该区域占用的像素)(如果不指定布局不起作用，并且还会报col is null 的错)   
  3.   3 任何north或south区域的子件都必须定义高度   
  4.   4 Border布局的所有区域在被渲染时以及此之后就固定了，其子组件可能无法删除或添加。   
  5.   5 要添加/删除Border布局内的组件，它们必须是被一个额外的由Border布局直接管理的容器所封装。如果该区域是可收起的(collapsible:true)，Border布局管理器直接使用的容器应该是一个Panel。 
 
  
如果使用border布局，那么east,west,south,north,center各个模块都必须有明确的高度，也就是height:300，如果写成autoHeight:true，而省略了height:300,那么没有写高度的模块就会与其它模块相互重叠在一起。