html - フッターをページの一番下に固定するには？

Question

モニターのサイズに合わせて画像を下に固定したい。メインページだけに表示したい。

<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;
}

ここを参照