JQueryUI對話框：'自動'寬度不考慮垂直滾動條

Question

我有一個JQueryUI對話框，width屬性爲'auto'。除了內容超出對話框高度的情況之外，一切都可以正常工作：垂直滾動條出現（按照預期），但是這種滾動條混淆了對話框內容的佈局。我想width:auto屬性會考慮滾動條，但它不。

在垂直滾動條出現的情況下，是否有辦法動態調整對話框的寬度？

這裏的工作對話，我期待它：

當我在「霍加2」選項卡中單擊，內容變更和寬度自動調整：

正如你所看到的，滾動條出現並將第二個框向下推。

Answer 1

解決它包裝內容在一個div容器與display:flex風格。