JQueryUI Dialog: 'auto' 宽度不考虑垂直滚动条

Question

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

我以为 width:auto 属性 会考虑滚动条，但没有。

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

这是我期望的对话框：

当我点击 'Hoja 2' 选项卡时，内容发生变化，宽度自动调整：

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

Answer 1

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