ExtJS4.x中，container和component都需要布局来摆放其中的子元素。但我们一般不需要花精力在component的布局上而需要精心设计与选择container的布局。
ExtJS4.x中提供的各个布局类并不是互不关联的，他们之间像容器-组件一样存在层次结构，因此，理解布局间的关系非常有助于理解与使用他们。各个布局间层次结构关系如下图所示。
图1 ExtJS4.x中布局的层次结构
从图中可看出，Container Layout是整个布局层次系统的基类，它是一个轻量级的布局类，提供基础的功能，一般用于扩展。
Auto Layout是容器的默认布局，直接继承于Container Layout，它也只提供简单功能：将元素一个接一个地叠放在容器内。
……
上图在学习ExtJS4.x的布局时是个非常不错的参考！能帮我们理清关系，加快学习速度！
本博客也将按照上图的层次结构分支依次介绍ExtJS4.x的布局！
参考资料：http://docs.sencha.com/extjs/4.2.2/
来源：oschina
链接：https://my.oschina.net/u/157787/blog/175111