<body>
<div id="wrap">
<div id="content">
контент
</div>
<div id="footer">
содержимое футера
</div>
</div>
</body>
html, body {
height: 100%
padding: 0; margin: 0;
}
#wrap {
height: 100%
display: flex;
flex-direction: column;
}
#footer {
margin-top: auto;
}