Html 使用顶部位置会影响整个页面

我有一个页面，页面顶部有一个带角度的DIV，在带角度的下方有一个

DIV

。我必须偏移两个顶部

div的位置，以便它们连接在一起。唯一的问题是，它们下面的下一个
DIV
有一个大小为
120px
偏移量的空间

我可以将此应用于每个DIV，但对页脚执行此操作意味着页面底部有空白


.top{
最小宽度：100%；
最小高度：400px；
背景：线性梯度（45度，#FF0000，#00FF00）；
剪辑路径：多边形（0,100%0,100%100,0,80%）；
}
梅因先生{
最小宽度：100%；
最小高度：600px；
背景：#0000FF；
剪辑路径：多边形（0,100%20%，100%100%，0,100%）；
位置：相对位置；
顶部：-120px；
}
.下一个{
最小宽度：100%；
最小高度：600px；
背景：#000000；
}
您可以逐页边距顶部进行更改，这将对元素产生相同的效果，之后的正常流量将相同


.top{
最小宽度：100%；
最小高度：400px；
背景：线性梯度（45度，#FF0000，#00FF00）；
剪辑路径：多边形（0,100%0,100%100,0,80%）；
}
梅因先生{
最小宽度：100%；
最小高度：600px；
背景：#0000FF；
剪辑路径：多边形（0,100%20%，100%100%，0,100%）；
位置：相对位置；
利润上限：-120px；
}
.下一个{
最小宽度：100%；
最小高度：600px；
背景：#000000；
}