flex和 flex-grow的区别(计算方式)
前提: 有一个大盒子box,里面有三个div,分别是div1、div2、div3,
大盒子的总宽度为900px ,
flex: div1和div2的分别设置flex:1,flex:2, div3设置:width: 100px;则div1和div2宽度的计算方式为(900 - 100)/ 3 * 1和(900 - 100)/ 3 * 2 ,div3宽度为 100px
flex-grow: div1和div2的分别设置flex-grow:1,flex-grow:2, div3设置:width: 100px;则div1和div2宽度的计算方式为 900 / 3 和 900 - 900 / 3 - 100 ,div3宽度为 100px