در حالت معمولی، هنگامی که ارتفاع قالب از ارتفاع صفحه نمایش کوچکتر باشد، مرورگر به صورت پیش فرض قالب فوتر را به پایین صفحه نمی چسباند . در این مقاله به شما آموزش خواهیم داد که چگونه یک فوتر چسبان ایجاد کنید.

<style  media="all">
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
color: white;
text-align: center;
}
<div class="footer"> Footer</div>

در بخش آموزش طراحی سایت هانت می توانید بیشتر در مورد این حوزه اطلاع کسب کنید.