页脚徽标未正确对齐并与页脚内容重叠

Question

我无法让我网站上的页脚正常工作。页脚分为两部分。第一部分是 mainFooter 区域，第二部分是类似版权区域。

我在版权区域有徽标，在 mainFooter 中有一个徽标。我需要让其中两个始终对齐。它实际上是一个标志，但分成两个页脚，因为它是一个愚蠢的标志。

就是这样：

由于该行，我们必须将页脚分成两部分。但是“现在的艺术”的文字永远不能与建筑物错位。

所以我对此的解决方案是在两个元素上使用绝对定位，设置 right:0 bottom:0 并使用 margin-top/bottom 调整它们的位置。

问题是，这仅在徽标非常远且与页面上的其余内容没有真正对齐时才有效，因为其他所有内容都居中。这就是我的意思：

就我个人而言，我不太关心最右侧徽标的对齐方式，此时您已经到达页面的末尾，它不会与页脚中的内容重叠并且看起来仍然很漂亮很好，但我们的客户设计师（不是网络）是这些东西的忠实拥护者。

This is the dev site we're working on

有人对我们如何处理这个问题有任何想法吗？在页脚中有徽标，但要确保内容正确对齐并且不与页脚中的内容重叠？

Answer 1

在具有以下 css 的页脚内容（和徽标）周围放置一个容器 div：

.container{
   width: 960px;
   margin: auto;
   position: relative;
}

现在您的绝对定位元素将相对于该容器 div 定位，并且不会向右移动太远，而是留在边界框中。