Question

我有一个元素“ .ntf-容器”，并插入了一些子元素 .ntf-card 的

当我插入元素时，“容器”朝着底部增加，但是列表在底部，它需要朝着顶部增加，以显示通知。

类似于Facebook通知。

Answer 1

如果您为此容器使用flexbox，则可以做一些聪明的事情：

.ntf-container {
  display: flex;
  flex-direction: column-reverse;
}

这会将最后一个项目放置在容器的顶部，并将第一个项目放置在容器的底部。