如何使用flexbox左右兩個元素？

Question

這是我想擁有的一切：

我希望能夠留下中心使用Flexbox的2個elemenets。這將是很容易做到這一點（我在的jsfiddle已經表明，如果我有一個名爲C第三個框，但我還沒有找到像上述這與Flexbox的任何解決方案

HTML：？

<div class="parent"> 
    <div class="a">A</div> 
    <div class="b">B</div> 
    <div class="c">C</div> 
</div> 

CSS：

.parent { 
    display: flex; 
    border: 1px solid grey; 
    justify-content: space-between; 
} 

上的jsfiddle代碼：http://jsfiddle.net/3DD6E/

Answer 1

添加下面的樣式到所有的子容器：

.parent div{ 
    flex:1; 
} 

的flex風格的改變（向它提供的），該元素將佔用（1 = 100％）或「佔用100％的一下就可以了」柔性盒子內的空間 - 在這種情況下，將是家長的50％。

JSFiddle