Flex Box 3

HTML

<div class="container">
    <div class="B B1">B1</div>
    <div class="B B2">B2</div>
    <div class="B B3">B3</div>
</div>

CSS

.container {
    display: -webkit-flex;
    display: flex;
    height: 150px;
    background-color: #eee;
}
.B {
    width: 100px;
    height: 100px;
}
.B1{
    background-color:rgba(255,255,0,.5);
/*     -webkit-flex-grow:1;
    -moz-flex-grow:1;
    flex-grow:1; */
}
.B2{
    background-color:rgba(255,0,255,.5);
   /*  -webkit-flex-basis:150px;
    -moz-flex-basis:150px;
    flex-basis:150px; */
}
.B3{
    background-color:rgba(0,255,255,.5);
}