Сетка на flex и проблема в ИЕ — есть ли решение?

Question

[Дмитрий Христоев]

Всем привет! Есть например сетка из 3х колонок, 1 колонка и 3 имеют фиксированную ширину, по 200 px. Центральная колонка должна занимать все остальное место.
Пример - jsfiddle.net/53buuwLm

Моё решение, всем div 100% ширины, 1 и 3 колонки - mаx-width: 200px, т.к. на width: 200px блок не реагирует. Но, в ИЕ11 блоки шириной не 200px, а 146px. Как решить данную проблему?

PS Есть вариант для колонки 2 сделать - width: calc(100% - 400px) - тогда работает и в ИЕ

Answer 1

[Дмитрий Христоев]

Нашел другое решение - jsfiddle.net/wxdh8t1x - ИЕ воспринимает нормально

.flexbox > div {
flex-grow: 1
}
.one {
background: red;
max-width: 200px;
}
.two {
background: green;
}
.three {
background: blue;
max-width: 200px;
}