IE11 - нижний колонтитул внизу страницы, который толкается вниз, если высота содержимого выше, чем высота окна - PullRequest
Новая
       36

IE11 - нижний колонтитул внизу страницы, который толкается вниз, если высота содержимого выше, чем высота окна

0 голосов
/ 25 февраля 2019

Я реализовал «нижний колонтитул», который остается в нижней части страницы и толкается вниз, если высота содержимого выше, чем высота окна.Это прекрасно работает в Chrome, однако IE11 не сдвигает нижний колонтитул, если высота содержимого выше, чем высота окна.IE11 просто позволяет содержимому переполнять нижний колонтитул:

enter image description here

Это скрипка демо: https://jsfiddle.net/6zrk5adu/2/

Способ, которым яРеализовали это только верхний гибкий контейнер: 

.upper-flex-container {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}

И нижний гибкий контейнер для нижнего колонтитула: 

.build-version-flex-container {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 75px;
  display: flex;
  justify-content: space-between;
}

Что я могу изменить, чтобы это работало, и может ли это сгибатьверстка вообще работает в IE11 вообще?

1 Ответ

0 голосов
/ 25 февраля 2019

Оказывается, изменение css верхнего гибкого контейнера следующим образом: 

.upper-flex-container {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
}

решает проблему.Не совсем уверен, почему, хотя, похоже, специфичен для IE11.

https://jsfiddle.net/4xtjw35k/4/

...