Почему footer занимает место всего main

Question

Доходит до конца main, не поддается padding'у и margin'y.

Answer 1

Не очистили поток:

main:after {
  content: '';
  display: block;
  clear: both;
}

Или:

main {
  overflow: hidden;
}