Css 使固定内容高度变得重要

我有这样一种情况=>

由于我的

#子标题内容

没有固定的高度，并且在用户交互时可以增加，因此我希望能够不手动设置

#子标题内容

的

高度

，而是使其自动适合子项大小

#sub-header-content{
  background-color:purple;
  height:40px; //  WANT TO REMOVE THIS
}

#sub-header-menu{
  position:fixed;
  height:40px;
  width: 50px;
  margin: auto;
  background-color:green;
}

---

我不太明白您想要什么，但我认为设置最小高度：40px就可以了。

基本上，现在我必须手动设置高度/最小高度。但是，如果标题的高度大于我设置的值（因为用户交互），我必须通过代码再次修正高度，否则它将隐藏在内容后面。我想要的是#副标题内容适应我的#副标题菜单高度，而无需我与之交互