如何让div在顺风中填满父对象的高度

<style>
    .parent {
        display: flex;
    }
    .child {
        flex: 1;
    }
</style>

<div class="parent">
    <div class="child">内容1</div>
    <div class="child">内容2</div>
    <div class="child">内容3</div>
</div>

<style>
    .parent {
        display: grid;
        grid-template-rows: auto;
    }
    .child {
        /* 可以添加其他样式 */
    }
</style>

<div class="parent">
    <div class="child">内容1</div>
    <div class="child">内容2</div>
    <div class="child">内容3</div>
</div>