默认情况下，flex值为1，也就是占用弹性容器剩余位置的1份
使用flex修改弹性伸缩比的示例：
<body>
<div class="box">
<div class="item item1">1</div>
<div class="item item2">2</div>
<div class="item item3">3</div>
</div>
<style>
.box {
width: 800px;
height: 400px;
background-color: #f00;
display: flex;
}
.item {
height: 200px;
}
.item1 {
flex: 1;
background-color: pink;
/* 弹性伸缩比为1 */
}
.item2 {
flex: 2;
background-color: #0f0;
/* 弹性伸缩比为2 */
}
.item3 {
flex: 3;
background-color: #00f;
/* 弹性伸缩比为3 */
}
</style>
</body>
标签：flex,伸缩,比为,color,弹性,使子,20%,background From： https://www.cnblogs.com/yansunda/p/18532507