如何消除多余的间距?[关闭]

这是因为该空间上方的元素中有两个值:

1) top: -30rem 在里面 homepage-middle__wrapper

2) margin-top: 30rem 在里面 section--products homepage-middle background--primary

删除两者以消除该空间。

首先,删除顶部的负值:

.homepage-middle__wrapper {
    margin-bottom: -27rem;
    padding-top: 2.5rem;
    position: relative;
    top: -30rem;
}

在此处删除页边顶部:

.homepage-middle {
    margin-top: 30rem;
    padding-bottom: 0;
}

在容器或包装器的填充顶部实现与以前相同的效果。