最大高度不适用于百分比

Question

我在body类中有段和段 这应该是溢出自动但它不起作用。 我不希望头班只滚动课堂主体。

这是代码

＆＃13;

＆＃13;

.vp-segment {
    background-color: white;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding: 5px;
    margin: 4px 2px;
    max-height: 100%;
  }

.body {
  background-color: #f3f3f3;
  padding: 12px 7px;
  max-height: 99%;
}

＆＃13;

 <div class="vp-segment">
              <div class="head">
                <div class="name">
                  <div>Segment</div>
                </div>
                <div class="counters">
                  <span class="sum">∑</span>
                  <span class="amount">
                    <div class="big-digits">
                      <span matTooltip="{{formatedTotalPlannedProject()}}" matTooltipPosition="below">{{formatedTotalPlannedProject()}} EUR</span>
                    </div>
                  </span>
                </div>
              </div>
              <div class="body" style="overflow: auto;">
         </div>
      </div>

＆＃13;

＆＃13;

＆＃13;