1，什么是柵格化系統?

柵格系統英文為“grid systems”，也有人翻譯為“網格系統”，其實是一回事。不過從定義上說，柵格更為準確些，從維基百科查到柵格的定義為：柵格設計系統（又稱網格設計系統、標準尺寸系統、程序版面設計、瑞士平面設計風格、國際主義平面設計風格），是一種平面設計的方法與風格。運用固定的格子設計版面布局，其風格工整簡潔，已成為今日出版物設計的主流風格之一。

2，網頁中的柵格系統

是以規則的網格陣列來指導和規范網頁中的版面布局，使得網頁便于閱讀，讓網頁規范規整；

一下網頁使用的是網頁柵格布局，里面的想相關信息根據網格做了相應對齊；頁面看上會整潔規范；

一個標準的柵格系統，包括以下部分：

將Flowline的總寬度標記為W, Column的寬度標記為c, Gutter寬度標記為g, Margin的寬度標記為m, Column的個數標記為N,我們可以得到以下公式：

W = c * N + g * (N - 1) + 2 * m

一般來說，Gutter的寬度是Margin的兩倍，上面的公式可以簡化為：

W = c * N + g * (N - 1) + g = (c + g) * N

將c+g標記為C,公式變得非常簡單：

W = C * N

如果每次設計前都要計算，那就太麻煩啦，這里推薦幾個網站，可以有效的輔助設計。

總之，對于內容信息不確定導致高度不確定的頁面，在高度層面上就無法做到柵格了。當然，具體的情況還需具體的分析與解決，這就需要設計師們在實際的應用中不斷的總結經驗，不斷實踐了。