I have a simple plunker here.
.container {
display:flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
min-height: 4em;
}
.nav {
flex: 0 0 4em;
height: 1em;
}
.logo {
flex: 1 0 auto;
align-self: stretch;
}
This is working how I want it to in Chrome 49:
But not in IE11:
I have checked that IE isn't in compatability mode - it's not - it's in IE11 mode.
What's going on here?
See Question&Answers more detail:os