Свойство box-flex

#el1 {
box-flex:1;
}
#el2 {
box-flex:3;
}

Описание

Обратите внимание: данное свойство поддерживается в Opera. Для браузеров Chrome и Safari требуется префикс -webkit, для браузера Firefox префикс -moz, для браузера IE 10+ -ms.

С помощью CSS свойства box-flex Вы можете установить размеры элемента потомка относительно его родительского элемента.

Обратите внимание: для того, чтобы данное свойство работало необходимо установить display:box.