對話框內的選項卡會導致對話框的高度：自動不起作用

已解決：請參閱下面的註釋。對話框內的選項卡會導致對話框的高度：自動不起作用

我在對話框內創建了一個Tabs，但對話框的高度與選項卡的高度不一致。

在這種特殊情況下，標籤內有一個表單。如果用戶提交表單並且存在錯誤，則標籤的高度將增加以顯示錯誤。但是，父對話框的高度不會自動調整大小以匹配內部選項卡的高度。

|-tab1-|-tab2-|------| 
|     | 
|-(end of dialog)----| (text stops here) 
|     | 
|     | 
|     | 
|-(end of tab)-----| (not visible)

我該如何解決這個問題？

來源

2011-06-23 Ryan

嗯，奇怪，我有一個非常大的系統相同的設置，它沒有任何問題......你可以重複像JSFiddle這樣的問題，並告訴我們的代碼？ – JAAulde

你傳遞給對話框/選項卡的選項是什麼？我會嘗試重新創建併發布鏈接。 – Ryan

**對話框選項：**'modal：true，overlay：{opacity：0.5，background：'white'}，bgiframe：true，autoOpen：false，position：'center'，title：'some title string'，width ：660，height：530，dialogClass：'contentAdd'，resizable：true，draggable：true，closeOnEscape：false，show：null，close：function（）{$（this）.dialog（'destroy'）; }'** Tabs options **''selected：1，show：function（e，ui）{_tabHandler（e，ui）; }' – JAAulde

的問題是，下面的默認jQuery UI的CSS：

.ui-tabs .ui-tabs-panel { 
    display: block; 
    border-width: 0; 
    padding: 1em 1.4em; 
    background: none; 
}

...收到的CSS使它不可能爲內容的一個額外的行的標籤自動調整：

.ui-tabs .ui-tabs-panel { 
    display: block; 
    border-width: 0; 
    padding: 1em 1.4em; 
    background: none; 
    position: absolute; //This line was causing the problem 
}

來源

2011-09-07 18:47:14 Ryan

對話框內的選項卡會導致對話框的高度：自動不起作用

回答

相關問題