Откуда этот пробел в IE11?

Question

Хорошо, я действительно в замешательстве, поэтому я обращаюсь к вам, ребята, за помощью.

У меня есть этот сайт (http://accofin.be/), который я недавно разработал, но по какой-то причине,в IE11 есть гигантский белый пробел на главной странице прямо перед нижним колонтитулом.

Я перепробовал все возможные решения, которые раньше работали, чтобы исправить общие проблемы для IE11, но безрезультатно.

Одна вещь, которую я заметил, это то, что проблема исчезает, когда вы убираете блок .home-articles, тогда все выглядит так, как должно.

Любая подсказка?

Answer 1

Ваша проблема связана с Дисплей: гибкий; Который применяется к корпусу .

см. Результат тестирования с IE 11.

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

Answer 2

Я не уверен, что это самое чистое решение, но если вы введете:

body main{
    height: 215vh;
}

и удалите верхний край поля из нижнего колонтитула, это, похоже, решит проблему, так как вы можете затем расположитьнижний колонтитул с использованием визуальной высоты.