如何摆脱多余的空间？

Question

您可以在此处找到暂存环境： http://axces-staging.houston-1.hybridmedia.be/

标题“ Onze aanpak”上方有很多不必要的空格。 我在Firefox上只有这个问题。在chrome和safari上看起来不错。

找不到导致此问题的原因。有人有什么主意吗？

谢谢。

Answer 1

首先，在此处删除top的负值：

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

在此处删除页边空白：

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

在容器或包装的填充顶部，以达到与以前相同的效果。

Answer 2

这是由于该空间上方的元素中的两个值所致：

1。）top: -30rem中的homepage-middle__wrapper

2。）margin-top: 30rem中的section--products homepage-middle background--primary

同时擦除它们以消除该空间。