页脚 div，它的行为不像想要的那样答案

【问题标题】：Footer div, it does not behave as wanted页脚 div，它的行为不像想要的那样
【发布时间】：2017-01-15 10:56:35
【问题描述】：

我有问题。附上网页截图和代码。

问题：页脚 div 不会在页面底部垂直对齐 100%。正如您在图像上看到的，页脚 div（红色）和页面底部之间有一些空间。您还可以看到红色页脚 div 下方的黄色主体 div（红色页脚 div 应该覆盖底部的黄色。我该怎么做才能使红色页脚的垂直对齐完全在底部？

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

【问题讨论】：

【解决方案1】：

您的代码中有几个错误。

First ：不要包含任何内联 css，除非您绝对需要提供该样式偏好（通常发生在使用框架的情况下）。在 css 文件中执行此操作。

Second ：使用# 符号定位你的css中的id。喜欢#FooterDiv。如果您希望它位于底部，请使用bottom:0; 而不是top:300;

第三：了解position:absolute;和position:fixed;的区别

position:fixed; 会将您的 div 固定在底部，即使您的内容可滚动，它也始终可见。

position:absolute; 将您的 div 固定到设置为 position:relative; 的父级的底部（在您的情况下是）。如果您在父 div 中的内容是可滚动的，那么当您滚动到父 div 的最底部时它将可见

【讨论】：

-1 代表answering a clearly off-topic question（这个问题对于没有 MCVE 的未来读者来说毫无用处），以及将内联 CSS 的使用描述为“错误”（这是主观的，在这里不合理，并且a matter of debate in current front-end development discourse).

【解决方案2】：

您覆盖属性。在 HTML 代码中，您设置了一个 top: 300，它会覆盖 CSS 文件中的 bottom:0。

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

【讨论】：

【解决方案3】：

尝试将 margin-bottom: 0px; 添加到您的样式中。或者 padding-bottom: 0px;

【讨论】：

-1 for answering a clearly off-topic question，不清楚这些规则应该应用于哪个元素，也没有解释它们为什么会产生什么影响。