jQuery选项卡内容溢出+ heightStyle和刷新中断选项卡

Question

我在my site处垂直使用jQuery-UI标签，直到我开始在标签面板中加载内容并发现父标签面板div不随内容增长时才出现问题，例如选项卡“静态信息”。我可以通过将父div类CSS设置为 overflow：auto 来“解决”问题，然后在父div上创建一个垂直滚动条。但是，我真的更喜欢父div与子内容一起增长。我确实尝试了几个clearfix选项，包括：

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

在初始化文档时，但没有一个明确的修正符有任何区别。当我寻求解决方案时，我确实尝试调整heightStyle和制表符刷新以查看其中任何一个是否会产生影响。我发现这没有做任何事情：

$( ".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并刷新。任何关于让我的内容表现自己的想法或建议都非常感谢...谢谢！

Answer 1

从以下位置调整以下内容：

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

为：

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