absolute之整体布局实现

要实现如图的布局，我最先想到是将header与footer绝对定位，但是发现在移动端会出现bug，经查资料发现用absolute实现整体布局非常好，还挺简单的。

.header, .footer, .content {
       position: absolute;
       left:;
       right:;
}
.header {
     height: 48px;
     top:;
     z-index:;
    /*other style*/
}
.footer {
     height: 52px;
     bottom:;
     z-index:;
     /*other style*/
}
.content {
     top: 48px;
     bottom: 53px;
     overflow: auto;
    /*other style*/
}