html - 如何防止页脚太高?

标签 html css footer

我知道我没有很好地表达这个问题。我有 <div id="footer">在页面底部。我没有在它上面使用绝对位置,因为我不希望它总是在底部,而是在内容的底部(所以你必须向下滚动才能看到它)。

问题是我将使用 PHP 在页面的主要部分填充一个列表。大多数时候这会很好用。但是如果只有一个或两个(或没有)列表条目,页脚最终会太高并且看起来很愚蠢。显然,如果我使用边距使其正确,那么当列表有更多条目时,边距会太大。

我该如何实现?

最佳答案

该技术称为粘性页脚。查看一篇伟大而简单的文章 here .这将确保页脚与内容一起下推,如果页面比浏览器短,页脚仍将贴在页面底部。

关于html - 如何防止页脚太高?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28030529/

相关文章:

javascript - 切换可见性时的 DOM 操作性能

html - 为什么内联 block 级元素中包含的 block 级元素显示为内联?

html - 元视口(viewport)标签不缩放页面

javascript - 我可以使用动态创建的 ID 设置 <div> 吗?

css - 使用 CSS 为 IE 样式化提交按钮

html - 当 html 和正文隐藏 overflow-x 时,页脚中的链接不可点击(底部固定和内容后面)

html - 页面内容进入另一个位于页脚上的 div

javascript - 我们如何为鼠标滚轮敏感的 <div> 制作样式滚动条

html - CSS:背景颜色仅在边距内

html - 页脚使用 HTML 和 CSS-