Flex Box - пустое пространство в IE 11

Question

У меня есть проект с flex box, и в настоящее время я борюсь с представлением из Internet Explorer 11.

В Chrome, Edge, Firefox все выглядит хорошо - после контейнера окно браузера заканчивается. Но в Internet Explorer 11 я получаю пустое белое пространство внизу. Я проверил много разных решений, но ничего не работает. У вас есть подсказка для меня.

Большое спасибо.

Я реализовал flex-контейнер:

.flex-container {
    flex-direction: row;
    display: flex;
    justify-content: center;
    width: 100%;
}

И в flex-контейнере у меня есть два flex-элемента с этими настройками:

.flex-container-one {
    width: 70%;
    text-align: left;
}

.flex-container-two {
    width: 30%;
    text-align: left;
}

Answer 1

Вероятно, есть какое-то значение отступа, которое проводник использует по умолчанию для .flex-контейнера. Кроме того, поскольку вы не указали высоту, она задается высотой содержимого и значениями по умолчанию. Указание высоты может решить вашу проблему.