css - 即使滚动也无法看到页面的全部内容

Question

尝试在向下滚动时显示此页面上的最后一张卡片。目前，页脚正在用 main 类阻塞文章元素中最后一张卡片的底部。我为主类添加了以下 css，但向下滚动时仍然看不到最后一张卡片的底部。我该如何解决。谢谢你。整个项目可以在这里看到。

.main {
    grid-area: main;
    padding: 5px;
    border-left: 1px solid gray;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 20px;
    height: 100%;
}

标签： css

Answer 1

添加margin-bottom

.main {
    grid-area: main;
    padding: 5px;
    border-left: 1px solid gray;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 20px;
    height: 100%;
    margin-bottom: 75px;
}