1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 【CSS3 transition】解决元素高度不固定时 设置transition不生效的问题

【CSS3 transition】解决元素高度不固定时 设置transition不生效的问题

时间:2024-03-10 16:44:28

相关推荐

【CSS3 transition】解决元素高度不固定时 设置transition不生效的问题

假设一个DIV要实现手风琴效果,展开时根据内容自适应高度即从height: (any)px;变化到height: auto;

此时设置transition不会产生效果

原因是transition无法将()px变为不是具体数值auto

解决方法:

在两种状态下分别设置max-height,且自适应高度状态下时max-height设置为不可能超过的数值

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。