Bu dersimde son zamanlarda sıkça kullandığım css’in flex özelliğini kullanarak sticky (yapışkan) footer yapımını göstermek istiyorum. Temel anlamda aslında kodlarım şunlardan ibaret;
<body>
<div class="header">header</div>
<div class="content">content</div>
<div class="footer">footer</div>
</body>
<style>
body {
height: 100%;
display: flex;
flex-direction: column;
}
.content {
flex: 1;
}
</style>Daha detaylı görmek isterseniz aşağıdaki örneği inceleyebilirsiniz;