width: 100%;

? ? ? ? ? ?position: fixed;

使用flex布局 會影響繼承父元素寬度的情況? 所以需要設置成100% 讓其重新?lián)螡M屏幕的寬度

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? display: flex;

設置成flex布局之后，子元素float就失效了 定位仍然可用

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 設置主軸方向

默認 不換行 主軸方向從左到右

flex-direction: row;? ? ? ? ? ? ? ?從右到左的順序

flex-direction: row-reverse;? ? ? ? ? ?顛倒順序

?主軸方向從上到下

flex-direction: column;? ? ? ???變換了主軸

flex-direction: column-reverse;? ? ? ? ??顛倒

? ? ? ? ? ? ? ? flex布局默認不換行

flex-wrap: nowrap;? ? ? ? ? ? ? ?默認情況下，項目都排在一條線（又稱"軸線"）上

flex-wrap: wrap;? ? ? ? ? ? ? ? ? ??換行

flex-wrap: wrap-reverse;? ? ? ? ? ?上下行顛倒

flex-flow:row wrap;? ? ? ? ? ? ? ? ??復合屬性 設置主軸方向和是否換行的