设置display的影响

1、父元素设置display:flex后，子元素设置的宽度无效

解决方法：
在子元素中写flex-shrink:0; 后在写宽度

.fartherCss{
  display: flex;
}
.sonCss{
    flex-shrink:0;
    width: 30px;
}

2、子元素不能换行

.cssR{
  display: flex;
  justify-content: flex-end; //所有元素右对齐
   flex-wrap: wrap; // 强制换行
}