footerを固定させずページ最下部に表示させる
参考
https://codepen.io/cbracco/pen/zekgx
ちょっと改変
html { height: 100%; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } header { padding: 0; } body { position: relative; margin: 0; padding-bottom: 6rem; min-height: 100%; } footer { position: absolute; right: 0; bottom: 0; left: 0; margin: 0 auto; padding: 1%; }