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
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容