css footerを下部固定にする方法
サイト制作の際、footerをページの下部に固定(画面の下部固定ではない)したいときは以下のstyleを使用する
<body style="display:flex; flex-flow:column; min-height:100vh;">
<mainの要素 class="d-flex-1">
</body>
d-flex-1を使用することで、空いている空間があればその要素が伸びて空間を埋めてくれる
この記事が気に入ったらサポートをしてみませんか?