Html 高度增加到顶部方向

Html 高度增加到顶部方向,html,css,Html,Css,我有一个元素“.ntf container”,我插入了一些子元素.ntf card 当我插入元素时,“容器”向底部增加,但是列表在底部,它需要向顶部增加,以显示通知 就像facebook通知一样。如果您使用flexbox作为此容器,您可以做一些聪明的事情: .ntf-container { display: flex; flex-direction: column-reverse; } 这将把最后一个项目放在容器顶部,第一个项目放在容器底部 您能否提供更多信息:您的代码示例、您希望它看

我有一个元素“.ntf container”,我插入了一些子元素.ntf card

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


就像facebook通知一样。

如果您使用flexbox作为此容器,您可以做一些聪明的事情:

.ntf-container {
  display: flex;
  flex-direction: column-reverse;
}
这将把最后一个项目放在容器顶部,第一个项目放在容器底部


您能否提供更多信息:您的代码示例、您希望它看起来像什么的图表,以及您迄今为止尝试过的内容。那会有帮助的,因为现在我真的不能提供答案。