pc  移动端

display: inline-block
float: left:  right;

flex（布局）  +  rem（尺寸）

flex    13 个css属性

display: flex  开启弹性盒子

用户父元素上（6个）
flex-direction  设置对齐方向  注意 align-items 和 justify-content 作用交换
flex-wrap 自动换行
flex-flow
justify-content 水平对齐
align-items 垂直对齐（单行的时候）
align-content  多行的时候设置垂直对齐


用户子元素上（6个）
order  数值越小越靠前
flex-grow  元素的放大比例（默认0）
flex-shrink  0 让元素不缩放（默认1 缩放）
flex-basis
flex   flex: 1;  是 flex-grow 平替
align-self  让元素不遵守 父元素上的 align-items