除非有空格，否则按钮会粘到按钮上

Question

我有2个按钮。当选项不能满足容器的高度时，我希望它们适合容器的底部。 （fig1）

如果选项大于容器，我希望按钮不要粘在按钮上，而是成为选项的底部，这样我就可以使用滚动条，并且能够看到所有选项和按钮。 （图3）

现在，我将按钮（fig2）固定在底部，并隐藏了选项。我尝试了许多解决方案，但我想我需要更高级的CSS。

容器在position: relative;中 选项位于position: relative;中 按钮在position: fixed;和position: absolute;中不起作用

我认为我必须在JS中动态更改位置，但是也许还有其他解决方法？