布局：
1、兩邊固定中間自適應(yīng)
flex布局（如果對flex不了解旁振，可點擊打開鏈接學(xué)習(xí)）
（1）將父元素box設(shè)為display:flex
（2）左右固定寬度?
（3）中間flex：1
2首装、水平垂直居中：詳細參考https://www.cnblogs.com/xiaoxueer/p/11849997.html
（1）定位：
? ?父子元素定位+偏移
? ? position: absolute
? ? left: 50%;
? ? top:50%;
? ? transform: translate(-50%,-50%);
（2）flex：父元素彈性盒错负、彈性盒內(nèi)子元素 水平的主軸（main axis）和垂直的交叉軸（cross axis）居中
? ? ? ?display: flex;
? ? ? align-items: center;//定義項目在交叉軸上如何對齊。
? ? ? justify-content: center;//定義了項目在主軸上的對齊方式。
