CSS悬停方向

Question

我需要一些帮助！

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

div {

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

div:hover{
    height:90px;
    }

然而，它有效，但它会“向下”徘徊我希望这样做相反并向上走，我该如何解决这个问题呢？

Answer 1

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

div:hover {
    top: -20px;
}