<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Flex-Footer</title>
 <style>
 main {
   min-height: 5em;
 }

footer {

   background-color: #fffbf0; 
   border: 1px solid #e7c157;
   border-radius: 0 .5rem .5rem;
   margin: 1rem;
   padding: 1rem;

}

</style> </head>

<body>

feststehender Footer mit Flexbox

 <main>

main

 </main>

 <footer>

unterhalb des vorherigen Elements positioniert

 </footer>

</body> </html>