stick footer佈局

stick footer佈局是在頁面內容不足一屏時footer顯示在當前螢幕的底部，超出一屏時，則在頁面裡內容的下面，移動端對這種需求比較常見，如下圖：
未超出頁面螢幕：

超出頁面螢幕：

實現負margin的佈局方案：
html：

<div class="wrap">
  <div class="content"></div>
  <div class="footer"></div>
</div>

css:

.wrap{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.content{
    margin-top: 64px;
    padding-bottom: 64px;
}
.footer{
    width: 32px;
    height: 32px;
    margin: -64px auto;
    clear: both;
    font-size: 32px;
}