sticky footer

需求

如果页面内容不够长的时候，页脚块粘贴在视窗底部；如果内容足够长时，页脚块会被内容向下推送

实现

html代码
      <div class="box">
          <div class="box-wrapper clearfix">
              <div class="box-main">
                  
              </div>
          </div>
          <div class="box-close">
              <i class="icon-close"></i>
          </div>
      </div>

css代码
.box-wrapper{
    min-height: 100%   //重点
}
.box-main{
    padding-bottom: 64px   //重点
}
.box-close{
    position: relative
    width: 32px
    height: 32px
    margin: -64px auto 0 auto  //重点
    clear: both        //重点
    font-size: 32px
}