阻止父母从孩子那里长大

Question

我有两个对齐的潜水，一个在左边，一个在右边，我想我的一个不要从孩子那里长出来，以使其可滚动。

.wrap {
  display: flex;
}

.left {
    background-color: blue;
}

.right {
    background-color: yellow;
    overflow: auto;
}

<div class="wrap">
<div class="left"><p>Bacon ipsum dolor sit amet shoulder tenderloin pork chop, tongue prosciutto turducken turkey corned beef tail filet mignon. T-bone ground round brisket, flank turducken biltong chuck jowl rump.</p></div>

<div class="right"><p>Bacon ipsum dolor sit amet shoulder tenderloin pork chop, tongue prosciutto turducken turkey corned beef tail filet mignon. T-bone ground round brisket, flank turducken biltong chuck jowl rump.</p>
    <ul>
        <li>Bacon</li>
        <li>Ham</li>
        <li>Pork Shoulder</li>
        <li>Boston Butt</li>
    </ul>
</div>
</div>

根据此代码，我希望我的黄色div与我的蓝色div具有相同的高度（而不是相反的高度），以使其内容可滚动。

如何处理？