目录1. CSS3怪异盒模型2. flex基本概念3. 弹性布局属性4. CSS3多列5. 响应式 1. CSS3怪异盒模型 在说flex布局之前，再来回顾一下CSS3的怪异盒模型。 （1） 标准盒模型的总大小=width/height+padding+border+margin; 怪异盒模型的总大小=width/height+margin. （2）box-sizing属性： 可以给box-sizing属性指定的属性值为content-box属性值表示标准盒模型,指定border-box属性值表示怪异盒模型。 content-box:在宽度和高度之外绘制元素的内边距和边框。 border-bo

flex弹性布局基本语法（修改版）.pdf

display: flex弹性布局

flex 弹性布局，最后一行数量不足一行 列表项目左对齐的解决办法，经过实际测试，亲自有效，一行的数量可以随意设置。非常有用！