关于高度从0到auto的过渡效果

方式1： calc-size方法
div{
height: 0;
transition: 1s
}
.wrap:hover div{
height: calc-size(auto)
}
方式2：interpolate-size设置插值计算的规则
其中第一个 numeric-only ，表示仅限数值，也就是只有真实的数值才会有过渡效果（目前浏览器的默认效果），第二个 allow-keywords 表示允许所有关键词，当然包括 auto 属性
:root{
interpolate-size: allow-keywords;
}
总结
1.calc-size 可以将非数值类型的单位转换成支持过渡的尺寸单位，包括 auto
2.interpolate-size 可以从全局范围允许任意关键词支持过渡