Javascript Footer div，它的行为不符合要求

我有个问题。 附上网页和代码的屏幕打印机

问题: 页脚div不会在页面底部100%垂直对齐。如图所示，页脚div（红色）和页面底部之间有一些空间。您还可以在红色页脚div下方看到黄色的主体div（红色页脚div应该覆盖底部的黄色）。我该如何实现红色页脚在底部完全垂直对齐

---

感谢您提供有关更改或添加编码内容的帮助。

您将覆盖属性。在HTML代码中，您设置了一个覆盖CSS文件中的

top:300

，以覆盖

bottom:0

---

确保将#放在CSS文件中元素的前面：

#FooterDiv

代码中有几个错误

首先：不要包含任何内联css，除非您绝对需要提供该样式的首选项（通常在使用框架的情况下发生）。在css文件中进行

Second：使用

符号定位css中的id。如

\FooterDiv

。如果希望它位于底部，请使用

底部：0；

而不是

顶部：300；

第三：了解

位置：绝对；

和

位置：固定；

position:fixed；

将修复底部的div，即使您的内容可滚动，它也始终可见

---

position:absolute；

将您的div固定到设置为

position:relative；

（即您的情况）的父div的底部。如果父div中的内容是可滚动的，那么当您滚动到父div的最底部时，它将可见。

尝试将边距底部：0px；添加到您的样式中。

---

或者填充底部：0px；

-1并投票结束；请不要使用所有的大写字母和-1（对于没有MCVE的未来读者来说，这个问题是无用的），以及将内联CSS的使用描述为“错误”（这是主观的，在这里没有理由，并且）-1例如，对这些规则应适用于哪些要素缺乏明确性，以及对这些规则对为什么会产生什么影响缺乏解释。投票被否决。