CSS3弹性伸缩布局盒（Flexible Box）模型

1.前言 CSS3中引入的布局模式Flexbox布局，主要是让容器有能力让其子项目可以改变其宽度、高度（甚至顺序），以最佳的方式填充可用空间（适配全部类型的现实设备和屏幕大小）。 Flexbox布局功能主要有如下几点：css 屏幕和浏览器窗口大小改变时能够灵活调整布局 指定伸缩项目沿着主轴或侧轴按比例分配额外空间（伸缩容器额外空间），来调整项目大小。（注意，额外空间的概念要理清楚！） 指定伸缩项目

>>阅读原文<<