Sticky-Footer:制作粘性页脚的 3 种方法各有利弊

时间:2024-07-23 10:44:12
【文件属性】:

文件名称:Sticky-Footer:制作粘性页脚的 3 种方法各有利弊

文件大小:9KB

文件格式:ZIP

更新时间:2024-07-23 10:44:12

CoffeeScript

粘性页脚 展示了 3 种制作粘性页脚的方法。 每个 HTML 文件都与其他文件相同,但 CSS 类的命名空间不同。 项目设置 安装 Node.js 为lol.stickyfooter.com创建主机文件条目。 在项目的根目录中运行npm start 。 什么是粘性页脚? 在 Web 开发中您可能会遇到的一件事是,即使内容的高度没有垂直填充窗口,也必须将页脚放在窗口的底部。 如果内容超出窗口底部,则页脚将位于页面末尾。 另一方面,当您有少量内容时,页脚将位于内容正下方,在它和窗口底部之间留下一堆空白。 有几种方法可以解决这个问题,但在大多数设计中,页脚应该位于窗口底部,或者如果内容比窗口长,则它应该位于页面底部。 方法 弹性盒 (CSS) 绝对定位 (CSS) jQuery (JS) 弹性盒 (CSS) 优点 非常简单和干净的 CSS 允许可变高度的页脚 没有无样式内容的闪光


【文件预览】:
Sticky-Footer-master
----package.json(761B)
----readme.md(2KB)
----Gruntfile.coffee(478B)
----.gitignore(118B)
----web()
--------jquery.html(739B)
--------absolute.html(762B)
--------flexbox.html(740B)
--------style.css(774B)
--------script.js(9KB)
----grunt()
--------connect.coffee(941B)
--------build-tasks.coffee(232B)
----.gitattributes(378B)

网友评论