标签高度不会随其内容扩展

-1

我有包含文本的标签。当我尝试使用height:auto或height:100%设置高度时，它仅在使用px时有效。但是，这样可以防止在文本较长时扩展选项卡。标签高度不会随其内容扩展

这是我的CSS：

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

如何让我的高度auto？

2015-10-17 SURTLER77

关于使用什么' overflow：auto;'并添加，例如'max-height：500px;'？ –

使用'最小高度：792px' –

“\t 那么使用溢出：自动和添加，例如最大高度：500px ;?”我已经尝试过这一点，但与此创建一个静态容器中的滚动高度，我想页面的高度是动态的，当标签内容变化时 – SURTLER77

这是因为您在里面显示标签内容 li元素。作为li这是一个菜单，它看起来像一个破碎的布局。

您应该在选项卡部分之外显示标签内容。另外要注意的浮动（例如，如果父已浮动：左，孩子也应该有浮动：左履行家长的高度）

2015-10-17 19:02:23 tibbus

.tab-content与position:absolute

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

你可以使用这个脚本来处理它：

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

您也可以使用视台（VH）或ul.tabs（CSS3）计算（）

2015-10-17 20:09:25 Hamix

回答