公共底部固定方法

如果你有一个公共的底部，当页面高度低的时候，footer始终在页面的最下方，当页面高度高的时候，footer也会随着底部往下移动，这时需要用到以下属性。假设底部高度为200px；

min-height: calc(100vh - 2rem);

新方法

.home{                     //父元素
    height: 100vh;
    display: grid;
    grid-template-rows: 1fr auto;
    .content-box{
        height: 79.8vh;
    }
    .footer {
        grid-row-start: 3;
        grid-row-end: 3;
    }
}