footer底部位置

footer固定在底部包括两种情况：

• 第一种是当页面内容尚未填充满的时候，需要固定在底部
• 第二种是页面填充满后，需要随页面内容的增加而填充在主体内容的下方

1. 方法一 min-height

    .wrapper {
        min-height: calc(100% - 290px); // 减去头部、底部、margin-bottom
        margin-bottom: 58px;
    }

2. 方法二 flex布局（适合移动端）