Css jQuery选项卡内容溢出+；高度样式和刷新打断选项卡

我在垂直方向上使用jQuery UI选项卡，在开始在选项卡面板中加载内容并发现父选项卡面板div不随内容增长（例如选项卡“静态信息”）之前，我没有遇到任何问题。我可以通过将父div类CSS设置为overflow:auto“修复”这个问题，然后在父div上创建一个垂直滚动条。但是，我更希望父div只随子内容增长。我尝试了几个clearfix选项，包括：

$（“.tabs”）.tabs（）.addClass（“ui助手clearfix”）

初始化文档时，但没有任何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（刷新）

我确实验证了我的jQuery UI是否正常工作（例如，我尝试了

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

这看起来应该很简单，但我的CSS已经走到了一个相对的死胡同，我不明白jQuery到底发生了什么-为什么它会与heightStyle和refresh发生冲突。非常感谢您对如何让我的内容正常运行的任何想法或建议…谢谢！
调整以下内容：

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

致：

当我上传我修改过的CSS文件和你的解决方案时，我高呼“请工作，请工作，请工作”，所以你可以想象当它出现时我是多么激动-哈哈！谢谢你的帮助。干杯！
#tabs-left > div {
    min-height: 35em;
}