加载时堆叠div

Question

我正在创建假的div加载，以在加载结果时向用户显示。我在codepen:https://codepen.io/dj-smoke-starboy/pen/bOzqve上有此代码。它工作正常，但是当新的div正在加载时，我需要div向下推，而不是像现在这样，一个接一个地加载。另外，我不能使用绝对/相对位置公元前，它不适用于所有浏览器。如果有人有任何想法，请告诉我。谢谢

<div class="cardWrap">
  <div class="card">itin 1</div>
  <div class="card">itin 2</div>
  <div class="card">itin 3</div>
  <div class="card">itin 4</div>
  <div class="card">itin 5</div>
  <div class="card">itin 6</div>
  <div class="card">itin 7</div>
  <div class="card">itin 8</div>
  <div class="card">itin 9</div>
  <div class="card">itin 10</div>
</div>