动画正在与其他对象jquery一起移动

我有一个问题，当我为一个对象启动动画时，另一个对象也在移动。 所以我需要在左侧固定div元素。 我需要设置一些z索引

<div id="obsah">
    <div class="item colorBlue">
        <p>spousta textu</p>
    </div>
    <div class="item colorPurple">
        <p>spousta textu</p>
    </div>
    <div class="item colorGreen">
        <p>spousta textu</p>
    </div>
    <div class="item colorYellow">
        <p>spousta textu</p>
    </div>
    <div class="item colorRed">
        <p>spousta textu</p>
    </div>
</div>

---

当

div

元素扩展时，它们会向下推下方的元素。要停止这种行为，您需要对它们使用

position:absolute

，然后手动设置它们的

top

位置。大概是这样的：

.item {
    background-color: black;
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    position: absolute;
}
.colorBlue {
    background-color: #33B5E5;
    top: 10px;
}

等其他颜色类别

---

@user3671862值得一提的是，

位置：绝对

与具有

位置：相对

的最近祖先是绝对的，因此如果您需要将这些div定位在页面的特定部分，它们的父级可以使用

位置：相对

来控制偏移，例如，不要将菜单的高度添加到顶部。@Rory McCrossan很好地利用了

top

；尝试使用

br