CSS Flex和响应式移动端适配：现代主流网站APP小程序的界面布局方式...

display: block默认从上到下。

display:flex默认从左到右。先把大盒子的display属性值定为 flex，里面的小盒子默认从左到右排列。

网页坐标轴：向右为X轴正方向，向下为Y轴正方向，屏幕上方为z轴正方向。

justify-content,align-items, flex-direction可对里面的小盒子进行横向和纵向排列。

align-self控制自己横向位置。

flex：1按比例占满。

实际操作：布局先从大到小。只用div标签布局，边布局边添加样式。