jQuery選項卡內容溢出+ heightStyle和刷新突破選項卡

Question

我在垂直使用jQuery-UI選項卡my site並沒有問題，直到我開始加載內容在選項卡面板中，並發現父母選項卡面板div不增長與內容，例如標籤「靜態信息」。我可以通過設置父級div class爲overflow：auto來「解決」這個問題，然後在父級div上創建一個垂直滾動條。但是，我真的更喜歡，如果父div將只與兒童內容一起增長。我也嘗試了幾個clearfix選項，包括：

$(".tabs").tabs().addClass("ui-helper-clearfix");

intializing文檔時，但沒有clearfixes作出的任何區別。在我尋求解決方案時，我嘗試調整heightStyle和tab刷新以查看其中的任何一個是否會有所作爲。我發現這沒有做什麼：

$(".tabs").tabs({ heightStyle: "fill" });我也試過「內容」和「自動」，也沒有運氣。

然而，當我試圖替代作爲記錄在api.jquery.com/tabs：

var heightStyle = $(".tabs").tabs("option", "heightStyle"); 

$(".selector").tabs("option", "heightStyle", "fill"); 

標籤佈局完全打破。內容全部存在，但ul列表位於頁面的頂部，沒有選項卡，其後是所有面板內容。我得到了同樣的結果：

$(".tabs").tabs(refresh);

我沒有驗證我的jQuery UI的一般是工作（如我試過

$(".tabs").tabs({ event: "mouseover" }); which worked fine. 

這似乎應該是簡單的，但我用CSS來達到一個相對的死衚衕，我不明白jQuery會發生什麼 - 它爲什麼會因爲heightStyle和refresh而中斷？任何關於讓我的內容表現自己的想法或建議都非常感謝......謝謝！

Answer 1

調整t他從如下：

#tabs-left > div { 
    height: 35em; 
} 

到：

#tabs-left > div { 
    min-height: 35em; 
}