如何让div向下展开

Question

我有一个显示通知的 div，当显示通知时，它开始上下均匀增长，但我需要它只向下执行，并尊重最大高度。

我尝试过改变位置，修改顶部，我成功了，但是一旦显示更多通知，一切又变得一团糟。

它看起来像这样： 在此输入图片描述

这就是我想要的样子： 在此输入图片描述

我的CSS代码是这样的：

.tooltip-noti {
    position: relative;
    z-index: 1;
    top: 50%; 
    transform: translateY(-50%); 
}

Answer 1

根据具体情况，使用

transform-origin

、

top

或

top left

作为设置。它决定了转变从哪里开始。