extjs提供了很多容器，最常用的是panel，其他的還有tabpanel、viewport、window等，開發應用程式時，最好是在最外層例項化乙個viewport，然後將其他元件放置到其中。原因是viewport會自動充滿整個頁面，同時會根據瀏覽器視窗尺寸的調整而自動調整。需要注意的是，乙個頁面中只能放置乙個viewport。
但容器只能夠用於放置元素，如果不指定布局，容器中包含的元素會從上到下依次排列。
布局，告訴容器如何顯示其包含的元素，extjs3.4提供了十幾種布局方式，常用有fitlayout、borderlayout、columnlayout、formlayout。
個人覺得borderlayout是非常好用的乙個布局方式，它將容器空間分成了東（east）、西（west）、南（south）、北（north）、中（center）五個部分，其中中部（center）是必須要有的，其他的四個部分可根據需要劃分。
下面是我做的頁面布局的例子。
DIV CSS布局入門示例（三）頁面頂部製作
三 頁面頂部製作 當我們寫好了頁面大致的div結構後，我們就可以開始細緻地對每乙個部分進行製作了。在上一章中我們寫入了一些樣式，那些樣式是為了預覽結構而寫入的，我們把css.css中的樣式全部清除掉，重新寫入以下樣式 example source code www.52css.com 基本資訊 bo...
DIV CSS布局入門示例（三）頁面頂部製作
我們寫好了頁面大致的div結構後，我們就可以開始細緻地對每乙個部分進行製作了。基本資訊 body a link,a visited a hover 頁面層容器 container 樣式說明 a link,a visited a hover container 指定整個頁面的顯示區域。width 80...
Web學習筆記（三） 頁面美化
這是乙個普通的段落。請注意,本文是紅色的。頁面中定義預設的文字顏色選擇器。這是乙個類為 ex 的段落。這個文字是藍色的。當我年輕的時候，我夢想改變這個世界 注意 internet explorer 9 以及更早版本的瀏覽器不支援 text shadow屬性.這是乙個鏈結 注意 a hover 必須在...