用 height 是不行的。
不過，用 max-height 和 min-height 可以實現(xiàn)同等效果。
.box{
max-height: 120px;
min-height: 120px;
overflow: hidden;
transition: max-height ease-out 0.2s;
}
.box:hover{
max-height: 500px;
transition: max-height ease-in 0.2s;
}
如上所示，只要下段的 max-height 是一個實際內(nèi)容不會達到的高度，那就相當(dāng)于是 auto 了。
作者：素天
鏈接：https://www.zhihu.com/question/35991373/answer/130266973
來源：知乎
