html - 页脚不再停留在页面底部

标签 html css footer

我开始了一个新网站、新代码、新设计,但是页脚不会再留在页面底部。 我尝试使用上一篇文章中的工作代码,但没有用,所以我想我必须创建一个新帖子。

这是我的代码: JsFidde

#footer {
width: 100%;
height: 100px;
position: relative;
bottom: 0;
right: -2px;
left: 10px;
background: red;
color: black;

如您所见,这显然不起作用,因为页脚位于页面的一半。 P.S - 那里有大量空白的原因是因为那里应该有一个图像。

如果您有任何修复,请说:)

提前致谢

独一无二

最佳答案

如果您只想要 #about-me 下的页脚,只需从 #about-me 中删除 position: absolute

第二次更新:http://jsfiddle.net/o9bbwhyc/4/

此外,您的 HTML 语法中存在错误(已在 fiddle 中修复):

<div id="slider">
<center>
...
</div>
</center>

关于html - 页脚不再停留在页面底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25818680/

相关文章:

css - 粘性页脚未到达浏览器窗口的右侧和左侧

html - CSS 中的固定页脚效果(如固定图像)

image - 响应式容器中的响应式图像?

jquery - 移动导航(切换菜单)不工作

html - 背景图片不显示

html - 如何在 CSS 中创建静态页脚?

html - 在折叠的导航 Bootstrap 中添加分隔符

javascript - "Contact Me"调整页面大小时按钮不会变小

html - 制作响应式 HTML 设计 "UNRESPONSIVE"

html - 如何在 ionic 中获取 ionic 复选框的值?