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; 
}