底部对齐父div内的2个div(同时保持一个子div在另一个子div的顶部)

我有三个div:

<div class="parent"> 
  <div class="child1"> </div>
  <div class="child2"> </div>
</div>

CSS:

.parent {
  height: 500px;
  width: 500px;
  position: relative;
}

.child1, .child2 {
  height: 100px;
  width: 100px;
}

我需要对齐 child2 div位于底部 .parent div,而 child1 div应该在顶部 儿童2 div。

所以,两者 儿童1 和 儿童2 应该与父div底部对齐,但是 儿童1 应该在上面 儿童2 .

我怎样才能做到这一点?如果只有一个子div,可以通过设置来实现 position: absolute; bottom:0 ,但我无法确定是否有2个子div,并且一个子div应该位于另一个子div之上。