Html 将div的高度更新为展开的select元素子元素

也许有类似的问题，但我没有找到我想要的。 我有一个div，它包含select元素，并且有一个绝对位置。 是否有一个选项可以在展开时将div的高度更新为select的高度？我正在寻找css解决方案

以下是一个基本框架：

<div id="container" style="position: absolute">
    <select>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
</div>

1.
2.
3.

我相信我以前见过这种情况，但事实证明很难找到。不幸的是，我认为答案是否定的……尤其是交叉划船者。通常，

select

需要用其他元素替换。我想我要用“替换”的方式。无论如何，谢谢你。