带有CSS粘性页脚的重叠块+；960网格布局

我下载了一些代码

粘性页脚按预期工作-如果内容窗格为空，页脚将粘贴到视口底部，当页脚已满时，页脚将被向下推

我在960网格系统中使用css粘性页脚代码，但当侧栏中的内容展开并到达页脚时，页脚与侧栏内容的结尾重叠：

---

你知道我哪里出了问题，怎么解决这个问题吗？

如果你像这样给你的容器添加一个空白底部

.container_12 {
    margin-bottom: 100px;
    }

---

这将补偿

#页脚
具有
页边距顶部：-100px
链接看起来很好。好像你修好了。它在页脚中嵌入了css，我想建议：清楚：两者都有
 您误用了StickyFooter，您的包装缺少一个额外级别的定义，以保护正文内容不与页脚重叠

要解决此问题，请将
main
id添加到body content级别（在本例中为960gs容器），以容纳：

<div id="wrap">
    <div class="container_12" id="main">
        <!-- ... -->
    </div>
</div>



参考资料：



说的不一样。该问题在所有浏览器中都可见，包括.Oy！你说得对，它没有出现在其他浏览器中。仅在FF中。经过你的粘性页脚链接。。。遇到一些规格。尝试将填充底：100px添加到包裹中。它应该会起作用。问题是，无论页脚中的负边距顶部是什么，它都必须与#wrap的填充底部相匹配。否则，它将重叠。希望这能奏效！再一次，这种方法解决了重叠问题，但它将页脚推到了视口之外，生成了一个滚动条，这在我看来，首先就违背了使用粘性页脚的目的。但这就是粘性页面链接所说的。他们说，要确保main中的填充底部应与footer中的负上边距匹配。如果填充底部：100px不起作用，请调整数字，直到它适合您为止。另外，我开始想知道粘性页脚的概念。您似乎想要一个在页面向下滚动时始终保持在视线内的页面，是吗？因为您提供的粘性页脚页面不能做到这一点。他们的页面就是证明（即，页面向下滚动时，页脚不会停留在视口中）。很抱歉在这件事上这么健谈！然而，如果你想让你的页脚一直在你的视线中，不管页面的状态如何，我认为你不需要使用它。您可以使页脚的位置固定。就像我现在在谷歌上搜索的这个例子：或者甚至是：。这种有效的方法解决了重叠问题，但它也将页脚推到了视口外，产生了一个滚动条，这首先就破坏了使用粘性页脚的目的。
减去top
？你是说
top:-100px？很抱歉，这是一个超站点。应该是利润率最高的：-100px；我想我在那里创建了自己的CSS。从来都不是个好主意。我不明白我怎么会错过这个。非常感谢你，伊莱兰-你是一个明星！