title: How do I automatically stack divs vertically inside a parent?
body: <p>Here's what I am trying to accomplish...
  <a href="https://i.stack.imgur.com/n1csD.png" rel="noreferrer"><img src="https://i.stack.imgur.com/n1csD.png" alt=""></a></p>
  
  <ol>
  <li>"parent" has position:relative</li>
  <li>"div 1-3" have position:absolute</li>
  </ol>
  
  <p>However, whenever I do this, I find myself having to assign specific "top" values in my CSS. So div 1 might be top:50px, div 2 would be top:150px, and div 3 would be top:225px;</p>
  
  <p>Is there a way to make sure the divs continue to stack inside the parent without assigning top values and/or absolute positioning?</p>