所谓 “Sticky Footer”，指的就是一种网页效果： 如果页面内容不足够长时，页脚固定在浏览器窗口的底部；如果内容足够长时，页脚固定在页面的最底部。但如果网页内容不够长，置底的页脚就会保持在浏览器窗口底部。
实现sticky footer的方法有很多，但都有兼容性问题，以下介绍的案例用到的方法虽有点复杂但属于兼容性比较好的。
以下是案例的标注图（源自慕课网）
所谓 “Sticky Footer”，指的就是一种网页效果： 如果页面内容不足够长时，页脚固定在浏览器窗口的底部；如果内容足够长时，页脚固定在页面的最底部。但如果网页内容不够长，置底的页脚就会保持在浏览器窗口底部。
实现sticky footer的方法有很多，但都有兼容性问题，以下介绍的案例用到的方法虽有点复杂但属于兼容性比较好的。
以下是案例的标注图（源自慕课网）
本文标题：css实现Sticky Footer
本文链接：https://www.haomeiwen.com/subject/cebtgftx.html
网友评论