Flexbox布局在定义伸缩项目大小时伸缩容器会预留一些可用空间，可以调节伸缩项目的相对大小和位置。例如，可以确保伸缩容器中的多余空间平均分配多个伸缩项目。当然，如果伸缩容器没有足够大的空间放置伸缩项目时，浏览器会根据一定的比例减少伸缩项目的大小，使其不溢出伸缩容器。

综合而言，Flexbox布局功能的主要特点表面在以下几个方面。

 屏幕和浏览器窗口大小发生变化时能够灵活的调整页面布局。

 可以指定伸缩项目沿水平方向或垂直方向按比例分配额外空间（伸缩容器额外空间），从而调整伸缩项目的大小。

 可以指定伸缩项目沿水平或垂直将伸缩容器的额外空间分配到伸缩项目之前、之后或之间。

 可以指定如何将垂直于元素布局方向的额外空间分布到该元素的周围。

 可以设置元素在页面上的布局方向。

 按照不同于文档对象模型（DOM）所指定排序方式对页面中的元素进行重新排序，也就是说可以在浏览器渲染中不按照文档流先后顺序重新排列伸缩项目顺序。