页脚div，它表现不像想要的那样

Question

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

问题： 页脚div不会在页面底部垂直对齐100％。正如您在图像上看到的那样，页脚div（红色）和页面底部之间有一些空格。你还可以看到红色页脚div下面的黄色主体div（红色页脚div应该覆盖底部的黄色。我能做些什么来实现红色页脚在底部的垂直对齐？

iMAGE OF WEBPAGE,CODING IN THE STYLE-TAG AND THE MAIN BODY OF THE "HTML" PAGETHE

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

Answer 1

您的代码中存在一些错误。

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

第二次：使用#符号定位css中的ID。比如#FooterDiv。如果您希望它位于底部，请使用bottom:0;而不是top:300;

第三次：了解position:absolute;和position:fixed;

之间的区别

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

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

Answer 2

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

确保将＃放在CSS文件中的元素前面：bottom:0

Answer 3

尝试将 margin-bottom：0px; 添加到您的样式中。 或填充底部：0px;