height为auto,展开时,transition失效的解决方案

分为三种情况

  1. 知道展开的最大高度,并且展开区域影响其他元素布局
    解决方案:设置max-height为具体数值,百分比,px均可

  2. 知道展开的最大高度,并且展开区域不影响其他元素布局
    解决方案:设置position为absolute,并且max-height为具体数值,百分比,px均可

  3. 不知道展开的最大高度
    解决方案:借助js,获取展开后的高度,再设置高度

上一篇:2.2 文字与段落


下一篇:Lua和C#交互开销探究