コンテンツの内容が少なくフッターが画面の途中にきてしまいフッターの下にスペースが開いてしまった時の解決方法。
HTML
sample.html
<body><divid="wrapper"><main>コンテンツの内容
</main><footer>フッターの内容
</footer></div></body>CSS
sample.css
body,#wrapper{display:flex;flex-direction:column;min-height:100vh;}footer{margin-top:auto;}これでフッターがつねに一番下に配置されるようになりました。