Wie behebe ich eine Flexbox Sticky Footer in IE11

7

Ich habe mit flexbox einen sticky footer erstellt. Es funktioniert in allen Browsern außer IE11.

Codepen

%Vor% %Vor%

Warum bricht IE11 ein und wie kann ich es reparieren?

    
Undistraction 05.08.2015, 14:19
quelle

2 Antworten

6

Das Problem ist, dass in IE11 die min-height nicht berücksichtigt wird, so dass die Flex-Box auf die Höhe ihres Inhalts kollabiert.

Du kannst es reparieren, indem du deine flexbox in eine andere flexbox packst, die auch flex-direction: column hat. Sie müssen auch flex: 1 auf Ihrer ursprünglichen flexbox setzen. Aus irgendeinem Grund zwingt dies die verschachtelte Flexbox dazu, ihre min-height zu berücksichtigen.

Codepen

%Vor% %Vor%
    
Undistraction 05.08.2015, 14:19
quelle
14

Versuchen Sie

%Vor%

für Inhaltsblock

    
Timofey Orischenko 16.01.2017 16:22
quelle