来自内容div的图像与粘性页脚重叠

Question

我这里有一个非常讨厌的问题。我使用的是在网络上找到的粘性页脚，效果很好，但是我在主要内容区域中有一些与页脚重叠的大图像。

有什么想法吗？ Link to live example - Click on interface to view

Answer 1

您的div [{1}}的{​​{1}}应该等于#wrapper的高度，在您的情况下似乎是96px。当然，“你在网上找到的粘性页脚”应该提到了这一点！

Answer 2

在#wrapper上，您有一个负余量。拿出来看起来很好

#wrapper {
    width: 90%;
    padding: 10px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto; /** Removed the negative bottom margin **/
    overflow: hidden;
    background: white;
    overflow: hidden;
}