flex布局【五】---flex1解析

首先是不对items设置样式他们的默认样式是什么样的

flex-grow 默认为0 不占据剩余空间

flex-shrink 默认为1 ，在flex-nowarp下，和其它元素等比压缩

flex-basis为auto，则该项目本来的大小

flex1

flex-grow: 1;	自动撑满
flex-shrink: 1;	nowrap下和其它元素等比缩小
flex-basis: 0%;	该项目本来的大小

补充：当flex-basis使几个元素在一行排满或者超出容器大小，在flex-shrink为1，也能达到flex-grow为1的效果

总之，flex1最常用的就是他的flex-grow=1 和flex-shrink=1，flex-basis倒很少看到## 补充一句：flex直接打破了原来的ul>li布局

将li变成了一个一个items