栅格系统盒模型分析

栅格系统个层级内边距的分析

容器上

padding-left:15px;
padding-right:15px;

行

padding-left:-15px;
padding-right:-15px;

列

padding-left:15px;
padding-right:15px;

分析

1. 列的规则：列有左右内边距，列间槽宽30px
2. 使列包裹行：若在单行双列的基础上，单列在增加行，则列间槽宽为45px,为保持列的规则，故设左右负边距
3. 使容器包裹行：负内边距使行超越容器边界，故增加边距抵消之