Html 根据css中的其他元素更改div滚动高度

我有一个div元素，它将项目包装在其中

单击某个项目时，应从下面弹出“详细信息”部分。 它的高度是30%

---

如何使div包装器滚动条高度自动适应仅CSS中的新情况。换句话说：它的高度现在应该更改为100%-70%=30%

您可以添加一个高度为30的类

---

我希望能帮助你。

你可以添加一个高度为30

---

我希望能帮助您。

您尝试过删除高度规范吗？请提供JSFIDLE。@Evannud当我删除高度属性时，滚动条不会出现在div上：div变得太大，不受屏幕高度的限制。OK只是检查一下，这就是我解决类似问题的方法，比如@alireza said你能提供一个JSFIDLE让我们玩吗？@MoneerOmar你的JSFIDLE没有完成，请在那里插入你的jquery。你试过删除高度规范吗？请提供JSFIDLE。@Evanud当我删除height属性时，div上没有出现滚动条：div变得太大了，不受屏幕高度限制OK只是检查一下，这就是我解决类似问题的方式，比如@alireza说你能提供一个JSFIDLE让我们玩吗？@MoneerOmar你的JSFIDLE没有完成，请在那里插入你的jquery。谢谢@alireza。这对我有好处，尽管我认为应该有一些CSS专用的逻辑以某种方式控制这一点，谢谢@alireza。这对我有好处，尽管我认为应该有一些CSS专用的逻辑以某种方式控制它

<div id="#wrapper" style="overflow: scroll; max-height: 100%;">
  <ul> 
    <!--lots of li's go here.
      When an li is clicked, "#details" pop from below.
    -->
  </ul>
</div>

<div id="#detils" style="display:none; height:30%;">item details</div>