flex实现左边自适应右边全展示# flex实现左边自适应右边全展示
场景：宽度一定的情况下右边自适应，左边被挤压。
flex 的三个参数分别对应：flex-grow、flex-shrink、flex-basis。
- flex-grow：定义项目的放大比例，默认为0。即如果存在剩余空间，也不放大。
- flex-shrink：定义项目的缩小比例，默认为1。即如果空间不足，该项目将缩小。
- flex-basis：定义在分配多余空间之前，项目占据的主轴空间。
简单说，左边的设置flex: 0 1 auto; 右边的设置flex: 0 0 auto;