css父级已经被一个子级撑起来了，另一个子级却没有跟随父级的高度变化，咋回事呢？

Question

.父级{
    display: flex;
    justify-content: center;
    align-items: center;
}
.第一个子级{
height:400px}
.第二个子级{
height:100%}

html
<div class="父级">
  <div class="第一个子级"></div>
  <div class="第二个子级">
    <p>234234</p>
    <p>23423</p>
</div>
</div>

第二个子级的实际高度是被他的内容撑起来的，怎么才能让他的高度和父级一样呢，因为我想加个背景色，所以他的高度必须起来，但是又不能给个固定的高度

Answer 1

因为父级没有高度呀，所以height:100%也是没有高度的
所以父级设定个高度呗
还有class中文太屑了吧