css sticky footer

一种常见布局：当页面内容较少时，页脚在视口底部；当页面内容较多时，页脚不会被折叠，而是会被内容挤下去，使页脚始终在底部。

1，解决方法（Flexbox布局）点击查看flex布局介绍

htmt,body{
  height: 100%;
  min-height:100%
}
.wapper{
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
.main{
     flex: 1; 
    -ms-flex: 1 1 auto; /*降级处理兼容ie, 如果设置 -ms-flex:1不起作用,会让footer覆盖在main上面*/
}
.footer{
    flex-basic:auto;
}