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

时间:2017-01-15 10:56:35

标签: javascript html css internal

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

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

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

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

3 个答案:

答案 0 :(得分:0)

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

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

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

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

之间的区别

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

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

答案 1 :(得分:-1)

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

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

答案 2 :(得分:-1)

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