场景

在布局网页时，有一个模块使用Flex实现左右布局，左边元素的高度不确定。希望右边元素的高度和左边元素相等，如果右边元素的子内容高度超出，则子元素在右边元素内滚动

正常来说Flex布局，父元素的高度是子元素中最高的一个，现在希望右边元素的高度和左边元素高度相等，父元素的高度也等于左边元素的高度。

解决办法

给右边的元素添加相对定位的父元素，且右边元素使用绝对定位，最大高度为100%。

伪代码

<div className = "flex">
    <div className = "left h-auto"> ... </div>
    <div className = "right relative">
        <div className = "absolute max-h-full overflow-y-auto">...</div>
    </div>
</div>