css - 悬停方向上的 CSS

Question

我需要一些帮助！

我有一个 div 元素，需要在悬停时进行交互。见下文：

div {

    width:298px;
    height: 62px;
    position:relative;  
}

div:hover{
    height:90px;
    }

但是，它可以工作，但它会“向下”盘旋我希望它做相反的事情并向上我该怎么做？

Answer 1

使用该top属性将元素向上移动20px：

div:hover {
    top: -20px;
}