div的不良位置

Question

我有div其中我想要其他div，每个div在前一个10 px之下。我的css代码是

.item{
    position: absolute;
    left: 15px;
    right: 15px;
    height: 80px;
    border: dashed 2px black;
    margin: auto;
    margin-top: 10px;
}

但它将每个div放在同一个地方（父div的顶部10px）。我该怎么办？

另外我想要一个滑块，当没有足够的地方来容纳所有的div。

Answer 1

只需设置位置：relative：）

.item{
    position: relative;
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
    height: 80px;
    border: dashed 2px black;
}

<div class="box">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>