Live
<div class="container"> <div class="content">content</div> <div class="footer"></div></div>
Live
x
* { margin: 0; padding: 0;}.container { height: 100vh; display: flex; flex-direction: column;}.content { height: 100px; flex-shrink: 0; background: skyblue;}.footer { margin-top: auto; flex-shrink: 0; height: 30px; background: pink;}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.