Html 粘性页脚和页脚颜色不变

我有一个问题，让我的脚留在底部，我已经使它的立场：固定；但如果内容发生变化，它仍然会出现。而且，我无法更改背景颜色。我的代码是否有问题，我只是看不到

HTML:

---

您使用了错误的选择器

它应该是基于id的选择器

#footer

，而不是基于类的

.footer

#页脚{
高度：60px；
宽度：100%；
背景#939598；
位置：固定；
底部：0px
}
.左{
浮动：左；
}
.对{
浮动：对；
}

内容
页脚内容

只需将您的id更改为类，反之亦然，现在您将页脚指定为id，并将其用作css中的类，这是错误的。谢谢！工作得很好！

<div id="footer">
  <div class="container">
    <span class="left text-muted">content </span>
    <span class="right">
    Content
    </span>  
  </div>
</div>

.footer {
height: 60px;
background-color: #939598;
position: fixed;
}

.left {
float:left;
align: left;
}

.right {
float:right;
}