假设一个DIV要实现手风琴效果,展开时根据内容自适应高度即从height: (any)px;
变化到height: auto;
此时设置transition不会产生效果
原因是
transition
无法将()px
变为不是具体数值的auto
解决方法:
在两种状态下分别设置max-height
,且自适应高度状态下时max-height
设置为不可能超过的数值
时间:2024-03-10 16:44:28
假设一个DIV要实现手风琴效果,展开时根据内容自适应高度即从height: (any)px;
变化到height: auto;
此时设置transition不会产生效果
原因是
transition
无法将()px
变为不是具体数值的auto
在两种状态下分别设置max-height
,且自适应高度状态下时max-height
设置为不可能超过的数值
CSS关于子元素设置了float属性后父元素高度为0的解释和解决方法【HTML】
2019-08-30
如何为什么不定高度的元素添加CSS3 transition【HTML】
2020-01-10
CSS的经典问题二:如何解决所有子元素浮动以后 父元素高度为0的问题?【HTML】
2023-11-02