栅格系统是怎么设计的？
搜一下：淘宝前端-深入剖析浏览器这个pdf，是阿里一个大牛写的，里面对于栅格系统，解释的很清楚。
基本上就是涉及到一些数学运算，对于定宽的栅格系统来说也不算太复杂，你可以保持用绝对单位。但如果要扩展到响应式的栅格系统，需要换用一些相对单位。具体的细节三言两语很难说清楚，需要不断的尝试。
这里推荐一篇文章给你做参考，入门级的，很简单。这篇文章使用了 Sass 做预处理器，原因是可以利用 Sass 自带的一些用于计算的助手函数及逻辑处理，要比纯写 CSS 轻松一些。
http://www.lukeharrison.net/blog/create-a-sass-grid-system/