.box{
height: 0;
transition: all 0.5s;
}
.box:hover{
height: auto;
}
div中有元素撑开,但是auto不会响应transition,但是如果使用定高,里面文字有长有短,短的时候空白就不好看。
解决办法
使用max-height属性
.box{
max-height: 0;
transition: all 0.5s;
}
.box:hover{
matx-height: 120px;
}