css - 来自auto的高度动画

Question

我试图制作一个涉及高度属性的动画。 但是动画只有在设置了初始高度属性时才有效，否则动画不会起作用。

这将有效：

.my-class {
    height: 20px;
}

.my-class:hover {
    height: 560px;
}

这不会：

.my-class {
}

.my-class:hover {
    height:560px;
}

我不想给它一个初始高度。 我怎样才能使它发挥作用？