绿色区域的宽度为100%，其中有三个矩形，第一个矩形的宽度是200px，第二个和第三个矩形的宽度相等。使用CSS3中的功能实现它们的布局。
已知HTML结构是：

<div class="box">
    <div class="item">column 1</div>
    <div class="item">column 2</div>
    <div class="item">column 3</div>
</div>

当box-flex: 0时，框的空间固定而不伸缩；
当 box-flex: n时，框的空间大约会按照剩余宽度的 n/m 伸缩，m为所有设定了box-flex值的和。
当给有flex的box设定了大小时，该box将拥有设定的空间与flex分配的空间之和。