注意：当height设置为0或者auto时，transition是不生效的，如何实现简单的展开效果
tricks：利用maxHeight属性
.description {
max-height: 0;
transition: max-height 1s;
overflow: hidden;
}
.description.active {
max-height: 300px;
}
height transition
最新推荐文章于 2026-05-22 12:52:57 发布
本文探讨了在CSS中，当height设置为0或auto时transition不生效的问题，并提出了解决方案——通过设置maxHeight来实现元素展开的平滑过渡效果。通过添加transition属性到maxHeight，配合overflow:hidden，可以创建一个简单的展开动画。这种方法对于隐藏和显示内容区域非常实用。
扫一扫
8704
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
