html - 内容位于页脚下方

标签 html css footer

<分区>


关于您编写​​的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。

关闭 9 年前

我的网页有问题。问题是内容位于页脚下方。

在这里查看我的问题 http://www.webdevout.net/test?0138

容器是

height:100% 

position:relative 而页脚是 absolutebottom:0; 我以为页脚是这样制作的,我错过了什么?我需要页脚始终与内容保持 50 像素(可能)的距离。

最佳答案

在这种情况下您不需要绝对位置,因为您只想遵循正确的页面流;绝对位置不考虑其他元素,因此您的页脚悬停在您的内容上是合乎逻辑的。

简单地删除绝对位置并添加一些边距。 ;)

关于html - 内容位于页脚下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19975109/

上一篇:html - 使 CSS 主题响应

下一篇:html - 我的主容器 div 上方的间隙

相关文章:

css - 最小化 css 文件

javascript - 如何在 HTML canvas 中获取正确的鼠标坐标

css - 将页脚刷新到页面底部,twitter bootstrap

html - 如何根据浏览器屏幕大小动态更改 div 的 css 样式

html - 为什么 div 中的文本在浏览器中显示在其外部?

javascript - 如果条件从未满足,因此简单条形图中的条形始终为蓝色,而我希望它们对于低于特定数字的值为红色

c# - 如何使用epplus设置页脚中的页码从指定编号开始

javascript - jQuery/javascript 当页面中出现 css 类时如何加载脚本

没有具有更高 z-index 的窗帘的 css 窗帘效果?

html - Bootstrap 3 将页脚平齐到底部。不固定