display: block默認從上到下。

display:flex默認從左到右。先把大盒子的display屬性值定為 flex，里面的小盒子默認從左到右排列。

網(wǎng)頁坐標軸：向右為X軸正方向，向下為Y軸正方向，屏幕上方為z軸正方向。

justify-content,align-items, flex-direction可對里面的小盒子進行橫向和縱向排列。

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

flex：1按比例占滿。

實際操作：布局先從大到小。只用div標簽布局，邊布局邊添加樣式。