html - 从下往上展开列表

Question

我正在尝试使列表从底部扩展到顶部。它有效，但如果列表太大，它会越过“顶部”div。我的想法是当列表太大时，我将使用滚动条和“底部”div 来占据“顶部”div 的 50%。我不能让它成为 top: 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;