CSS3的flexbox布局模型是一种基于盒子模型的布局方式，通过将容器内部的子元素进行排列和对齐，实现了更加灵活的布局方式。
以下是flexbox的特点：
-
可以方便地指定容器的伸缩性，使得容器内部的子元素能够自动伸缩。
-
可以非常灵活地指定子元素的对齐方式，包括内容的对齐方式和基线的对齐方式等。
-
可以非常简单地指定子元素之间的顺序和可见性，以及它们之间的间距和空白的大小。
flexbox最常用于以下的场景：
-
需要实现具有不同尺寸的元素自动排列的情况，比如在响应式布局中，需要保证元素的大小能够自动适应不同的设备尺寸。
-
需要实现多栏布局的情况，比如在文章阅读页面中，需要将文章和侧边栏布局在同一个页面上。
-
需要实现具有不同垂直居中方式的元素的排列布局，比如在登录页面中，需要将输入框和按钮都居中显示。