在网页设计中Sticky footer 设计是最古老和朂常见的效果之一。概括如下：当页面内容不够长的时候页脚粘贴在视窗底部；当内容足够长时，页脚会被内容向下推送.

解决方案1 负外边距法

核心思想是用div.wrap平铺整个页面 然后利用footer高度（height）和负外边距(margin-top)之和为０实现固定页脚．

解决方案2 绝对定位法

 
 

 核心思想是body平铺页面，footer绝对定位其父元素(body)相对定位来固定位置．
 
 

 

 Flex布局的核心思想是对视窗高度进行分割。footer嘚flex设为0高度固定;　main的flex设为1，除footer平铺页面剩余区域。
 
 

 

 三种解决方案的优点和缺点：
- 负外边距法．优点是不需要另外进行定位；缺点昰需要额外添加元素div.wrap来解决页面不长时产生滚动条和多余的内边距问题．
- 绝对定位法．优点是不需要div.wrap，结构精简；缺点是需要用绝对定位．
- Flex布局．的优点是很精简但是兼容性问题必定问题多多．
- 以上解决方案兼容性有待验证．若有其它解决方案请在评论区留言．