栅格系统使用说明

grid-cN-sXeY 的含义是：cN表示有多少栏，sX 表示 col-sub 的宽度是 40*X - 10，eY 表示 col-extra 的宽度是 40*Y - 10
通栏是 grid-c
grid-c2 是 grid-c2-s5 的简写
grid-c3 是 grid-c3-s5e6 的简写
DOM 结构如下： <div class="grid-c"> 通栏内容 </div> <div class="grid-c2"> <div class="col-main"> <div class="main-wrap"> 两栏主内容 </div> </div> <div class="col-sub"> 两栏副内容 </div> </div> <div class="grid-c3f"> <div class="col-main"> <div class="main-wrap"> 三栏主内容 </div> </div> <div class="col-sub"> 三栏副内容 </div> <div class="col-extra"> 三栏其它内容 </div> </div>
注意1：DOM 结构中，顺序始终是 col-main, col-sub, col-extra. 请基于语义放置内容
注意2：col-main 中始终有 main-wrap
二栏布局示例三栏布局示例三栏布局示例2
技术细节请参考：渐进增强式布局探讨