从下到上扩展列表

Question

我正在努力使列表从下到上展开。它可以工作，但如果列表太大，它会超过“顶部”div。我的想法是当列表太大时，我会有滚动条和“底部”div有50％的“顶部”div。我无法做到最好：0因为如果我这样做，那么div会上升。与在“底部”使用高度相同。我知道为什么现在不工作，但我没有更多的想法如何解决它。任何想法都会有所帮助。

https://plnkr.co/edit/0qZVy8PeZ6uUwejV1AFf?p=preview

.top {
  position: relative;
  height: 300px;
  background-color:red;
}

.bottom {
  position: absolute;
  bottom:5px;
  background-color:blue;
}

Answer 1

我刚刚浏览了您提供的链接。将这些属性添加到 .bottom

max-height:300px;
overflow-y:auto;

Answer 2

从.bottom中取出position: absolute;，然后将overflow-y: scroll;添加到.top