-webkit-box-flex:
-webkit-flex:
Задает возможность бокса растягиваться на пустое пространство родительского. Значение по умолчанию - 0. Это значит, что блок не растягивается, его ширина (высота, зависит от ориентации родительского) равна ширине (высоте), указанной в стилях.
Если у свойства -webkit-box-flex указано значение, отличное от 0, то бокс растягивается в родительском пропорционально с соседними дочерними элементами.
Если, например, у всех дочерних боксов -webkit-box-flex:1, то они равномерно заполняют все пространство родительского, имея равные размеры.
Если же у одного стоит значение 1, а у соседнего - 2, то первый займет треть родительского, а второй - две трети.