How to fix the footer to bottom of the page?

Question

I want to fixed a image to bottom relate with size of monitoring. I want to show in just main page.

<div class="no-footer" align="right"> 
  <a class="btn text-danger" style="margin-bottom:5px; width:100px; " href="@Url.Action("About", "Home")">About</a> 
  <p class="bottom" align="center"> <img src="~/media/images/bb9.png" /> </p> 
  <hr style="left:0; right: 0; bottom:200px; height: 200px; position:absolute;" /> 
</div> 

Answer 1

.fotter
{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
}

Refer here