如何允许子元素通过竖直对齐: super扩展高度

<style>
    .parent {
        height: 200px;
        display: flex;
        align-items: super;
        border: 1px solid black;
    }

    .child {
        background-color: lightblue;
        padding: 10px;
    }
</style>

<div class="parent">
    <div class="child">子元素1</div>
    <div class="child">子元素2</div>
    <div class="child">子元素3</div>
</div>