我已经看到了粘贴页脚的
Ryan Fait’s方法以及一个
here和
here.
为什么这些人为粘贴页脚制作模板,当#footer {position:fixed; bottom:0;}就足够了
编辑:
我会补充说,使用position:fixed;对于一个页脚确实破损边:自动;以(至少)一些浏览器为中心,从而创建了一个包装标签的需要.我上面提到的方法的一部分问题是额外的标签是令人困惑的,在语法上不正确(对于“HTML纯粹主义者”),它会占用带宽.然而,在我看来,页脚周围的单个包装仍然比一个完整混乱的页面模板要好起来.而且,“我的”方式还是比较直接的,并且减少了带宽.
解决方法
使用位置:固定和
Ryan Fait’s method之间的区别是相当重要的.
当使用位置:固定时,页脚总是可见的,这不是粘性页脚尝试做的.
粘贴页脚的意思是保持贴在底部,除非内容长于视口高度.在这种情况下,粘性页脚将像普通页脚一样起作用,出现在页面内容的正下方.
在http://www.mcemperor.nl/pub/stickyfooter,您可以看到粘性页脚的效果.