<pre><code>&lt;body&gt;
	&lt;div class=&quot;page&quot;&gt;
		&lt;header class=&quot;site-header&quot;&gt;&lt;/header&gt;

		&lt;main class=&quot;site-content&quot;&gt;&lt;/main&gt;

		&lt;footer class=&quot;site-footer&quot;&gt;&lt;/footer&gt;
	&lt;/div&gt;
&lt;/body&gt;
Nous allons donc simplement appliquer display: flex; &agrave; body, et sp&eacute;cifier le comportement de ses descendants direct en tant que colonnes. Puis nous diront simplement &agrave; .site-content d&rsquo;utiliser toute la hauteur disponible.

CSS
body {
	margin: 0;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.site-content {
	flex: 1;
}


</code></pre>