公共底部固定方法

2019-04-29  本文已影响0人  798b6b7c244d

如果你有一个公共的底部,当页面高度低的时候,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;
    }
}
上一篇 下一篇

猜你喜欢

热点阅读