頁面的布局方式是頁面構成的主骨架，其重要性你們懂的～
拿到一個PSD，一般情況下你會：
看整體布局方式，是列式布局還是通欄式布局？ 列式布局是2列還是3列？ 通欄式布局一共有多少個通欄？每個通欄有多少列？
總的來說，看PSD就要像看MM，先要知道她PP大還是MM大。。。
所以在切頁面前，先要寫頁面的主要布局的代碼，和建樓房先搭地基的道理是如出一轍滴。布局代碼確定后，再開始在布局上做“填空”游戲。
布局對于設計師來說也很重要，當開發員和設計師都遵循統一的布局規范時，可以大大的降低兩者的溝通成本。同時保證頁面風格的統一性。

• 示例1-1000_20_5_5.html

• 示例2-1000_20_10_10.html

• 示例3-1000_25_5_5.html

• 示例4-1000_25_10_10.html

• 示例1-990_11_5_5.html

• 示例2-990_18_10_10.html

• 示例3-990_18_5_5.html

• 示例4-990_33_5_5.html

• 示例1-980_14_5_5.html

• 示例2-980_14_10_10.html

• 示例3-980_28_5_5.html

• 示例1-960_12_5_5.html

• 示例2-960_12AND16_10_10.html