小编Ant*_*ett的帖子

在页面底部，我想要一个黄色的横条，上面有社交媒体链接和其他小细节。我希望链接在右侧，小细节在左侧。

HTML：

<footer>
  <div class="one-third"></div>
  <div class="one-third"></div>
  <div class="one-third">
    <a href="#"><img src="images/facebook.svg" /></a>
  </div>
</footer>

CSS：

footer {
    width: 100%;
    background-color: #f5c300;
}

.one-third {
    float:right;
}

在我写这篇文章的时候，我认为 .三分之一对于 CSS 部分是不正确的，也许它应该是footer a img {...}.

更新：不，即使我这样做 ^ 它仍然摆脱了页脚的背景颜色。然后我在页脚上添加了一个 BG 颜色和一个 img 样式，它只在图标后面发生了变化，而不是整个页脚。