如果你有一個公共的底部,當(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;
}
}