栅格系统个层级内边距的分析
容器上
1 | padding-left:15px; |
行
1 | padding-left:-15px; |
列
1 | padding-left:15px; |
分析
- 列的规则：列有左右内边距，列间槽宽30px
- 使列包裹行：若在单行双列的基础上，单列在增加行，则列间槽宽为45px,为保持列的规则，故设左右负边距
- 使容器包裹行：负内边距使行超越容器边界，故增加边距抵消之
本文作者： moofing
本文链接： https://moofing.gitee.io/posts/9877cb9d.html
版权声明： 本文采用 CC BY-NC-SA 4.0进行许可，转载或引用时请遵守该协议