Плохая позиция div

Question

У меня есть div, внутри которого я хочу иметь другие divs, каждый из которых равен 10 px под предыдущим. Мой CSS код этого является

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

, но он помещает все DIV в том же месте (10px под верхней родительского DIV). Как мне это сделать?

Дополнительная информация Я хочу иметь слайдер, когда не хватает места для размещения всех разделов.

Answer 1

Просто установите в положение: относительная :)

.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>