html – 为什么不使用位置:固定为“粘性”页脚?

html – 为什么不使用位置:固定为“粘性”页脚?,第1张

概述我已经看到了粘贴页脚的 Ryan Fait’s方法以及一个 here和 here. 为什么这些人为粘贴页脚制作模板,当#footer {position:fixed; bottom:0;}就足够了 编辑: 我会补充说,使用position:fixed;对于一个页脚确实破损边:自动;以(至少)一些浏览器为中心,从而创建了一个包装标签的需要.我上面提到的方法的一部分问题是额外的标签是令人困惑的,在语法 我已经看到了粘贴页脚的 Ryan Fait’s方法以及一个 here和 here.

为什么这些人为粘贴页脚制作模板,当#footer {position:fixed; bottom:0;}就足够了

编辑:

我会补充说,使用position:fixed;对于一个页脚确实破损边:自动;以(至少)一些浏览器为中心,从而创建了一个包装标签的需要.我上面提到的方法的一部分问题是额外的标签是令人困惑的,在语法上不正确(对于“HTML纯粹主义者”),它会占用带宽.然而,在我看来,页脚周围的单个包装仍然比一个完整混乱的页面模板要好起来.而且,“我的”方式还是比较直接的,并且减少了带宽.

解决方法 使用位置固定和 Ryan Fait’s method之间的区别是相当重要的.

当使用位置:固定时,页脚总是可见的,这不是粘性页脚尝试做的.
粘贴页脚的意思是保持贴在底部,除非内容长于视口高度.在这种情况下,粘性页脚将像普通页脚一样起作用,出现在页面内容的正下方.

在http://www.mcemperor.nl/pub/stickyfooter,您可以看到粘性页脚的效果.

总结

以上是内存溢出为你收集整理的html – 为什么不使用位置:固定为“粘性”页脚?全部内容,希望文章能够帮你解决html – 为什么不使用位置:固定为“粘性”页脚?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1102151.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存