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

前端之家收集整理的这篇文章主要介绍了html – 为什么不使用位置:固定为“粘性”页脚?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经看到了粘贴页脚的 Ryan Fait’s方法以及一个 herehere.

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

编辑:

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

解决方法

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

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

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

原文链接:https://www.f2er.com/html/231124.html

猜你在找的HTML相关文章