flex-grow 属性决定元素的是否放大, 默认为0, 不放大

flex-grow 是给弹性盒子的子元素设置,设置的元素的父元素必须是 flex 属性
1
2
3
4
<style type="text/css">
	.posts-main .main.flex-grow .grow-1{
		flex-grow :  1;
	}
	.posts-main .main.flex-grow .grow-2{
		flex-grow :  2;
	}
</style>


<div class="main align-items flex-start flex-grow">
	<div class="child">1</div>
	<div class="child">2</div>
	<div class="child">3</div>
	<div class="child">4</div>
</div>