Как исправить отображение элементов flexbox в ie11?

Question

[Дима Паутов]

Добрый день. Не могу понять, почему в IE11 блок .main работает не корректно!

https://jsfiddle.net/un68kwwo/1/ - везде он работает хорошо, но в IE11 косяк, хотя у него поддержка flexbox очень даже хорошая.

Answer 1

[Ankhena]

1. Написать для main в формате flex: 0 0 auto;
2. Добавить содержимое или высоту
3. ИЕ и единицы vh: caniuse.com/#search=vh

Comments

[Дима Паутов]

Partial support refers to not supporting the "vmax" unit. Это только для vmax, но не vh. Vh нормально работают. Если я укажу flex: 0 0 auto; то середина не будет вытягиваться на всю пустую область

[Дима Паутов]

MaxKorz: твою то мать. Тупорылые майки, ничего нормально не могут сделать. Ладно, сделаем по старанке. Спс большое за помощь!

[Дима Паутов]

MaxKorz: Но еще в дополнение хотел сказать, что тег main в ie11 работает. Там видимо дока устарела

[Дима Паутов]

MaxKorz: ой, это я на stackoverflow задал вопрос. Перепутал)))