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

Question

我有一个JQueryUI对话框，width属性为'auto'。除了内容超出对话框高度的情况之外，一切都可以正常工作：垂直滚动条出现（按照预期），但是这种滚动条混淆了对话框内容的布局。我想width:auto属性会考虑滚动条，但它不。

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

这里的工作对话，我期待它：

当我在“霍加2”选项卡中单击，内容变更和宽度自动调整：

正如你所看到的，滚动条出现并将第二个框向下推。

Answer 1

解决它包装内容在一个div容器与display:flex风格。