Viewport:

　　一个专门的容器用于可视应用领域（浏览器窗口）.

Viewport渲染自身到网页的documet body区域， 并自动将自己调整到适合浏览器窗口的大小，在窗口大小发生改变时自动适应大小。 一个页面中只能创建一个Viewport。

任何的Container容器都可以作为一个Viewport 的子组件，开发者使用一个Viewport作为父容器配置布局layout， 并管理他们的大小和位置.

Container:

任何可能包含其它Ext.Component组件的基类,默认是没有大小的，请务必为容器是配置的布局，大小和位置。

Panel:

Panel是一个容器,具有特定的功能和结构组件，使它使能够完美地为面向应用的用户界面创建部件。 Panel继承自Ext.container.Container,

可以设置自身的layout布局,并且可以包含子组件。

extJs学习基础 容器的介绍