Javascript 选项卡的高度不随其内容扩展

我有包含文本的选项卡。当我尝试使用

height:auto

或

height:100%

设置高度时，它仅在使用

px

时起作用。但是，当文本较长时，这会阻止选项卡展开

这是我的css：

.tab-section {
    float: left;
    width: 100%;
    height: 792px;
    margin-bottom: 25px;
} 

---

如何使高度

自动

？

这是因为您正在li元素中显示选项卡内容。 由于li是一个菜单，它看起来像一个破损的布局

您应该在选项卡部分之外显示选项卡内容。

---

还应注意浮动（例如，如果父对象具有float:left，则子对象也应具有float:left以满足父对象的高度）

。选项卡内容带有
位置：绝对值


绝对定位元素从流中移除，因此被其他元素忽略。因此，不能根据绝对定位的元素设置父元素的高度

您可以使用此脚本来处理它：

$("[type = radio]").click(function () {
    var oh=$(this).parent().find(".content").outerHeight();    
    $(".tabs").height(oh);
});


您还可以在
ul.tabs
（css3）
上使用视口单位（vh）或calc（），如何使用
溢出：自动和添加，例如
最大高度：500px？使用
minheight:792px
“使用overflow:auto；和add，例如max height:500px；”我已经尝试过这个方法，但是使用这个方法在具有静态高度的容器中创建一个滚动，我希望当选项卡“Use minheight:792px”中的内容更改时，页面的高度是动态的不改变任何东西可以在项目中使用css3吗？