フッターを常に最下部

メインに要素が少ない場合でもフッターを画面の最下部に配置する方法

<body>
	<header>ヘッダー</header>
	<main>メイン</main>
	<footer>フッター</footer>
</body>

Flexboxを使用します

body {
	display: flex;
	flex-flow: column;
	min-height: 100vh;
	main {
		flex: 1;
	}
}