2017-02-13 19 views
0

Я создаю макет для своего приложения и его с фиксированным заголовком, нижним колонтитулом и левым меню. Содержимое прокручивается, а другое фиксировано. У меня нет проблем при создании макета. Когда я пытаюсь дать display:flex моему классу .center-container, он не правильно отображается в IE-10.display: свойство flex не правильно отображается в Internet Explorer

Ниже мой CSS

.center-container { 
    height: 100%; 
    display: flex; 
    width: 100%; 
    margin: 0; 
} 

Также HTML большой и я создал JSFiddle Link для этого.

+0

поддержка Flexbox в IE является очень плохо. Если вы должны поддерживать IE, вы должны [найти альтернативу.] (Http://stackoverflow.com/questions/24371408/flexbox-alternative-for-ie9). Однако должно быть хорошо на Edge. – pol

+0

Я попробовал альтернативу и по-прежнему имею такое же поведение –

ответ

1

В соответствии с MDN, дисплей гибкого трубопровода поддерживается только в IE 10 с префиксом -ms поставщика:

display: -ms-flex;

Display Flex on MDN