如果你有一個公共的底部，當(dāng)頁面高度低的時候，footer始終在頁面的最下方，當(dāng)頁面高度高的時候，footer也會隨著底部往下移動，這時需要用到以下屬性。假設(shè)底部高度為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;
    }
}