Grid system 主要是用来方便切分页面。一般的 CSS 框架提供的 grid system,都是每行 12 栏的模型。
CSS in Depth: Ch04 中实现了一个非现代化的 grid system:
- 用百分比
width
实现了一个均等切分 12 栏 - 用 padding 实现列与列间的 gutter
- 用负边距调整了
.row
容器与父容器间的左右边距
Grid system 主要是用来方便切分页面。一般的 CSS 框架提供的 grid system,都是每行 12 栏的模型。
CSS in Depth: Ch04 中实现了一个非现代化的 grid system:
width
实现了一个均等切分 12 栏.row
容器与父容器间的左右边距