<div class="container"> <div class="B B1">width:300</div> <div class="B B2">width:160</div> <div class="B B3">width:120</div> </div>
.container { display: -webkit-flex; display: flex; width: 500px; height: 150px; background-color: #eee; } .B { height: 100px; } .B1{ background-color:rgba(255,255,0,.5); width: 300px; -webkit-flex-grow:1; -moz-flex-grow:1; flex-grow:1; -webkit-flex-shrink:2; -moz-flex-shrink:2; flex-shrink:2; } .B2{ background-color:rgba(255,0,255,.5); width: 160px; } .B3{ background-color:rgba(0,255,255,.5); width: 120px; }