一、什么是sticky-footer布局?
sticky-footer布局是一种经典的布局效果,可概况如下:如果页面内容不够多(小于一屏),则页脚部分在屏幕最下方;如果页面内容大于一屏,则页脚部分跟随在内容之后。


二、布局方法
(1)方法一:min-height + padding-bottom + margin-top
页脚的margin-top要等于负的内容的padding-bottom


(2)方法二:flex布局
设置min-height和内容部分的flex-grow


一、什么是sticky-footer布局?
sticky-footer布局是一种经典的布局效果,可概况如下:如果页面内容不够多(小于一屏),则页脚部分在屏幕最下方;如果页面内容大于一屏,则页脚部分跟随在内容之后。
页脚的margin-top要等于负的内容的padding-bottom
设置min-height和内容部分的flex-grow
本文标题:sticky-footer布局的方法
本文链接:https://www.haomeiwen.com/subject/xqmqfqtx.html
网友评论