详解CSS五种方式实现Footer置底

<div class="content">
<!-- content -->
</div>
<div class="footer">footer</div>

html {
height: 100%;
}
body {
min-height: 100%;
display: grid;
grid-template-rows: 1fr auto;
}
.footer {
grid-row-start: 2;
grid-row-end: 3;
}