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

Question

我有一个包含其中项目的div元素

<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>

 由于可能有很多项目，div有：

max-height: 100%;

单击某个项目时，应从下方弹出详细信息部分。 它的高度 30％。

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

Answer 1

单击该项时，您可以添加一个具有height:30;的类。

我希望this可以帮到你。