网页上的页脚是放置版权信息、联系链接和快速导航内容的好地方。 访问者习惯于查看页面底部以查找这些类型的内容,所以为什么不帮助他们呢? 一个问题是,在垂直高度有限的页面上,页脚可能会出现在页面中间,而不是在浏览器窗口底部应有的位置。
我们有一篇更新的文章详细介绍了粘性页脚的现代选项,查看它!
不应该有一种方法可以使页脚 DIV 始终位于浏览器窗口底部,无论窗口大小如何? 是的,应该有,没有明显的解决方案,并且一直困扰着 CSS 很长时间。
已找到解决方案! Ryan Fait 编写了一种简单而巧妙的方法来实现这一点(使用有效的代码!),并慷慨地分享了该技术 here。 抱歉,现在已下线。 它适用于所有主流浏览器(IE、FireFox、Safari 和 Opera),您可以免费使用。 谢谢瑞安!
你好!
如果内容超过页面或浏览器的高度,我无法使其正常工作。 然后,我只是将页脚放在底部,就像“通常”一样。
有什么提示可以解决它吗?
如果您没有在页面上使用绝对定位,则此方法有效。
您知道如何在使用绝对定位时使粘性页脚正常工作吗?
瑞安的解决方案非常酷。
但是,如果您在元素上使用设置高度,它会以无法修复的方式出现故障。
因此,如果您正在设置包含内容的 div 的高度,它就没什么用。
我使用过几次,但我对此很谨慎。
这对我无效,当浏览器窗口变小时,页脚始终覆盖内容。
这很棒,但我只有一个问题……我可以使页脚位于内容的顶部吗?
这样,无论内容多长,页脚始终可见。
这样会更容易,只需将其设置为postition: fixed;和bottom: 0;
哦,是的.. 我知道这一点;)
谢谢克里斯!
尝试这个 http://www.cssstickyfooter.com
当您调整窗口大小它不会出现故障,并且适用于浮动 2 列布局。
试图了解粘性页脚和普通页脚之间的区别……这很简单……