有的时候，由于页面长度不够，页面底部的页脚会很尴尬的跑上来，如图：
有的同学可能会想用position:fixed;bottom:0;来永远居底。但有些场景确实不适合。
这是我从YII2中找到的简单解决方案
原理是将最外围的容器.warp 设置最小高度为100%，并且使用margin:0 auto -60px 将页脚吸上来。如图：
demo：主要看CSS部分
css - 紧贴底部的页脚
demo2: flex解决方案，将上面demo的css换成以下即可。
本文共 777 字，大约阅读时间需要 2 分钟。
有的时候，由于页面长度不够，页面底部的页脚会很尴尬的跑上来，如图：
有的同学可能会想用position:fixed;bottom:0;来永远居底。但有些场景确实不适合。
这是我从YII2中找到的简单解决方案
原理是将最外围的容器.warp 设置最小高度为100%，并且使用margin:0 auto -60px 将页脚吸上来。如图：
demo：主要看CSS部分
css - 紧贴底部的页脚
demo2: flex解决方案，将上面demo的css换成以下即可。
转载于:https://www.cnblogs.com/CyLee/p/6348887.html