flex常用固定搭配

flex简写：flex-grow（项目放大），flex-shrink （项目缩小），flex-basis（项目本身）

flex: 1;

全写：flex: 1 1 0%;内容自动放大或缩小占满剩余空间。

1、子元素都设置flex: 1; 子元素盒子会平分并占满父盒子；

2、一个元素宽度（或高度）固定，另一个元素宽度（或高度）自适应。

.parent {
display: flex;
}
.son1 {
width: 200px; //或者 height: 200px;
}
.son2 {
flex: 1; // flex: 1 1 0%;
}

flex: 1 1 auto;

子元素盒子会根据自己的内容来适配并一起占满整个空间；

标签：flex,常用,盒子,搭配,元素,宽度,0%,200px
来源： https://www.cnblogs.com/xieZhao/p/16515294.html