Html 最后一个DIV标签下方有额外的空白

出于某种原因，我在最后一个DIV标记和BODY标记之间有不需要的空间。我不明白为什么。我根本不想要这个额外的空间。我希望我的DIV#footer与浏览器底部的边缘齐平。我在body标签上使用了明亮的高光背景色，因此更容易看到问题

该页面验证HTML和CSS

有人能解释一下发生了什么事，我该怎么解决吗

---

非常感谢

div#wrap

具有

页边距底部：20px

（style.css:46）。删除似乎可以修复它。

div#wrap具有

页边距底部：20px

（style.css:46）。删除似乎可以修复它。

div#wrap有一个底部边距。拆下它就可以了。

div#wrap有一个底部边距。移除它，它就会正常。

底部的值为20px

div#wrap {
    background-color:#FFFFFF;
    margin:0 auto **20**px;
    text-align:left;
    width:1000px;
}

成功

div#wrap {
    background-color:#FFFFFF;
    **margin:0 auto 0;**
    text-align:left;
    width:1000px;
}

---

底部的值为20px

div#wrap {
    background-color:#FFFFFF;
    margin:0 auto **20**px;
    text-align:left;
    width:1000px;
}

成功

div#wrap {
    background-color:#FFFFFF;
    **margin:0 auto 0;**
    text-align:left;
    width:1000px;
}