html - 页脚 Logo 未正确对齐并与页脚内容重叠

Question

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

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

就是这样:

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

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

问题是，这仅在 Logo 真的很远并且与页面上的其余内容没有真正对齐时才有效，因为其他所有内容大部分都居中。这就是我的意思:

我个人不太在意最右边的标志对齐方式，此时你已经到达页面的末尾，它不会与页脚中的内容重叠并且看起来仍然很漂亮很好，但是我们的客户设计师(不是网络)对这些东西很执着。

This is the dev site we're working on

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

Answer 1

在具有以下 css 的页脚内容(和 Logo )周围放置一个容器 div:

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

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