參考資料：
淘寶UED柵格化模式研究
Bootstrap官網(wǎng)柵格化介紹
CSS3中calc的使用
LESS的使用
柵格化原理介紹
專業(yè)詞匯說明：
a container
rows 一行
columns 一列
gutters (the space between columns) 兩個column中間的間隙
web頁面被分成了N行，具體效果圖分析如下
可以得出計算公式：（gutter+column） N - gutter = 100%；*
為了消除每一行最后一個coliumn的margin-right的影響：
.row .col:last-child{
margin-right: 0 !important;
}
|> 請看具體demo
還需注意的幾個坑：
- calc兼容性極差：IE支持并不是太好
- calc使用的過程中
width: calc( (100% + 20px) / 12 - 20px); 是對的 √
width: calc( (100%+20px)/12-20px);是錯的 ×章鲤，因為運算符前后應(yīng)該有空格。 - LESS中計算的時候不支持100%-20px之類的語句
