Как прижать footer к низу экрана?

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<body>
<div class="wrapper">
<header></header>
<main></main>
<footer></footer>
</div>
</body>
 
/*css*/
<span class="hljs-selector-tag">html</span>, <span class="hljs-selector-tag">body</span> { <span class="hljs-attribute">height</span>: <span class="hljs-number">100%</span>; }
<span class="hljs-selector-class">.wrapper</span> {
<span class="hljs-attribute">display</span>: flex;
<span class="hljs-attribute">flex-direction</span>: column;
<span class="hljs-attribute">min-height</span>: <span class="hljs-number">100vh</span>;
}
<span class="hljs-selector-tag">main</span> { <span class="hljs-attribute">flex</span>: <span class="hljs-number">1</span>; }