1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
html, body, #container { height: 100%; margin: 0; overflow: hidden; } #container { display: flex; flex-direction: column; > header, > footer, > .eventlog { flex: 0 0 auto; } } #main { flex: 1 1 auto; overflow: auto; }