CSS3の『flexbox』だけでフッターを一番下(最下部)に固定する

flexboxだとフッター固定がかんたん!
大好きなfooterFixed.jsもあるんですけど、これ結構他JSと干渉しやすいので、これが今の所ベスト対処ですじゃ。

いい加減一発で固定されてほしいよね。

てことで以下。

<body>
<div id="wrapper">
<main>

コンテンツが入ります。

</main>

<footer>

フッターが入ります。

</footer>
</div>
</body>
body,
#wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
}

footer {
margin-top: auto;
}

これだけですじゃ。
最近更新が多いのは仕事しまくってるからですじゃ。