JQueryUI 对话框：“自动”宽度不考虑垂直滚动条

Question

我有一个 JQueryUI 对话框，其 width 属性为 'auto'。一切正常，除非内容超出对话框的高度：出现垂直滚动条（如预期的那样），但这样的滚动条会弄乱对话框内容的布局。

我认为width:auto 属性会考虑滚动条，但事实并非如此。

在出现垂直滚动条的情况下，有没有办法动态调整对话框的宽度？

这是我期望的对话框：

当我点击“Hoja 2”标签时，内容会发生变化，宽度会自动调整：

如您所见，滚动条出现并将第二个框向下推。

Answer 1

解决了将内容包装在以display:flex 为样式的 div 容器中的问题。