在移动设备上的粘性页脚引导程序

Question

在我的项目中，我正在尝试设置填充底页的页脚（不固定）。 它运行良好，但在移动设备上（特别是在肖像上）我在页脚之后得到了身体背景颜色。

我的母版页：

html {
  position:relative;
  min-height:100%;
}
body {
  padding-bottom:60px;   
  padding-top:50px;
}
.footer {
  background:#101010;
  color:#9d9d9d;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; 
  line-height: 60px; 
  text-align:center;
}

<div id="mycontent" class="container body-content">
    <asp:ContentPlaceHolder ID="MainContent" runat="server">
    </asp:ContentPlaceHolder>             
</div>

<footer class="footer">
  <div class="container">
    <span class="text-muted">
       xxxxxx yyyyyy  zzzzzz
    </span>
  </div>
</footer>   

错误是什么？