Html 页脚在页面底部被剪掉

CSS:

我使用了一种非常常用的方法，将页脚保持在页面的底部，它只起到了一半的作用。我是通过一个博客了解到这一点的，起初它确实很有帮助，但在编辑我的网站时，它却被破坏了。它显示footer div的一小部分，其余部分在那里时，您必须向下滚动才能看到它

不滚动：

通过滚动：

我不知道我在这里错过了什么，它就是不起作用

---

编辑：所以我知道这是一个糟糕的问题，我遗漏了很多东西，因为这是一个公司网站，我只是担心我包含了什么。罪魁祸首原来是#header元素的边距。除去这些，一切都变得很有魅力。

我只改变了底部部分

html，
身体{
保证金：0；
填充：0；
身高：100%；
背景色：#e6；
}
#标题{
背景色：黑色；
宽度：100%；
边缘顶部：50px；
边缘底部：50px；
} 
#内容{
填充底部：80px；
文本对齐：居中；
}
#页脚{
宽度：100%；
高度：80px；
位置：绝对位置；
底部：-100px；
左：0；
背景色：黑色；
颜色：#8989；
}

.
.
.

所以我知道这是一个糟糕的问题，我遗漏了很多东西，因为这是一个公司网站，我只是担心我包含了什么。罪魁祸首原来是#header元素的边距。删除这些使所有内容都像一个符咒一样工作。

尝试创建一个完整的页脚，这样我们就可以看到实际损坏的版本。在没有看到HTML代码的情况下，我认为这里的问题是页脚中的项目比预定义的80px高。但您可以始终保留原始问题，并使用定位来放置边框

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #E6E6E6;
}
#header {
    background-color: black;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
} 
#content {
    padding-bottom: 80px;
    text-align: center;
}
#footer {
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: black;
    color: #898989;
}