粘滞的页脚和页脚颜色不变

Question

我遇到问题让我的页脚停留在底部我已经确定了位置：固定;但如果内容发生变化，它仍然会出现。此外，我无法改变背景颜色。我的代码是否有问题，我只是没有看到？

HTML：

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

CSS：

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

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

.right {
float:right;
}

Answer 1

您使用的是错误的选择器。

它应该是基于ID的选择器#footer而不是基于类的.footer。

＆＃13;

＆＃13;

#footer {
  height: 60px;
  width: 100%;
  background: #939598;
  position: fixed;
  bottom: 0px
}
.left {
  float: left;
}
.right {
  float: right;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;