将李一个放在另一个上面，并且在移除最后一个李的时候，每一个李都会降下来

Question

我要求将一个li叠加到另一个li上，当我移除底部li时，上面的所有其他li将自动降下来。 我尝试了这个http://www.think360apps.co.in/evdt/game/（左侧5个图标），但当我删除底部的li时，它会显示如下所示：Images attached below

当我删除最后一张李时，有人可以帮助我自动将前四名李自动降到最低点吗？

Answer 1

将你的ul放入一个div，bottom: #px;用正确的位置替换＃。而不是指定高度，请指定max-height。然后，当您的li项目被移除时，此div应自动缩小。

.playerInfo {
    display: block;
    position: relative;
    width: 300px;
    height: 400px;
}
.playerStatus {
    display: block;
    position: absolute;
    bottom: 30px;
    max-height: 370px;
}

<div class="playerInfo">
  <div class="playerStatus">
    <ul>
      <li>1</li>
      <li>2</li>
    </ul>
  </div>
</div>