فیکس کردن فوتر زیر content

سلام دوست عزیز     چیزی که من میخوام بگم بدون bootstrap هست …

یه راهکارش اینه که راهکارش شما فقط با position:fixed این کارو انجام بدید

دقیقا مثال زیر چنین چیزی رو گفتم

<div class="footer"></div>

<style>
  .footer{
    position:fixed;
    bottom:0;
    width:100%;
    height:30px;
    background:red;
  }
</style>

یه  مثال دیگه هم هست  که اینه   شما فتر وبسایت رو در آخرین تگ زیر همه استفاده کنید که  پایین قرار بگیره

دقیقا منظورم چنین چیزی هست

<!-- تمام تگ ها اینجا قرار دارند و تگ فوتر آخرین تگ است -->

<div class="footer"></div>

<style>
  .footer{
    position:relative;
    bottom:0;
    width:100%;
    height:30px;
    background:red;
  }
</style>

درضمن  z-index  برای زیر یا رو بودن   عناصر میباشد

بازم سوالی داشتید بپرسید   خوشحال میشم جوابگو باشم

موفق باشید