css flex笔记flex子项属性1.flex-grow项目放大比例，默认为0,为0时有剩余空间也不放大2.flex-

flex子项属性

项目放大比例，默认为0, 为0时有剩余空间也不放大

flex-grow: <number>

项目缩小比例，默认为1，空间不足，项目缩小

flex-shrink: <number>

项目占用固定空间，默认auto

flex-basis: <number>

#例子

.wrap{
    display:flex;
}
.wrap > div{
    height:30px;
    border: solid 1px;
}
.left{
    flex-basis: 300px;
}
.main{
    flex:1;
}

<div class="wrap">
    <div class="left">left</div>
    <div class="main">main</div>
</div>

flex: 0 1 200px;

三个属性指代：flex-grow、flex-shrink和flex-basis