当第一个兄弟位置绝对位置时，为什么前面的兄弟元素会在顶部流动？

Question

我有两个兄弟sections，并在第一部分使用position:absolute，但第二部分显示在顶部。我在第二部分使用了position:relative，但它不起作用。

这里是第一部分的CSS：

#slideshow > figure {
    animation: imageAnimation 30s linear infinite 0s;
    backface-visibility: hidden;
    background-size: cover;
    background-position: center center;
    color: transparent;
    height: 100%;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
}

第二部分的CSS：

#education {
    display: block;
    position: relative;
}

我希望第二部分在第一部分之后正常流动。