<section class="flex1">
<p>
我会占满剩余宽度的1/3。
</p>
</section>
<section class="flex2">
<p>
我会占满剩余宽度的2/3。
</p>
</section>
</div>
.container {
display: -webkit-flex;
display: flex;
}
.initial {
-webkit-flex: initial;
flex: initial;
width: 200px;
min-width: 100px;
/*空间足够的时候，该div的宽度是200px，如果空间不足，该div会变窄到100px，但不会再窄了。*/
}
.none {
-webkit-flex: none;
flex: none;
width: 200px;
/*无论窗口如何变化，我的宽度一直是200px。*/
}
.flex1 {
-webkit-flex: 1;
flex: 1;
/*改div会占满剩余宽度的1/3。*/
}
.flex2 {
-webkit-flex: 2;
flex: 2;
/*改div会占满剩余宽度的2/3。*/
