CSS Sticky Footer

目的

保证 Sticky Footer 一定会在内容的底下

实现方法

1. 内容层 content-wrapper
   1. 自身高度设置 min-height: 100%;
   2. 分两部分
      1. 文本内容部分 content-main
         • 设置 padding-bottom 为 Sticky Footer 保留一个空间
      2. Sticky Footer 部分
         • 设置 margin 负上 content-main 的 padding-bottom 数值

           例子

           点击查看【codepen】