CSS转换不适用于最大高度：适合内容

我试图用CSS制作一些可扩展面板的动画，如下所示：

.panel {
  transition: max-height 0.1s ease-in-out;
  flex: 90;
  max-height: 26px;

  &.expanded {
    max-height: fit-content;
  }
}

问题是这种转换不起作用。如果我在

.expanded

中使用一些数值

max height

值，它工作得非常好

有什么想法吗

---

我读到

fit content

，

max content

。。。不可设置动画。是这样吗？

是的，fit content和max content不会为您的内容设置动画。必须为动画的最大高度提供一些数值。它考虑内容所需的高度，因此必须提供最大高度的值，然后提供内容高度。

---

谢谢。

请添加HTML代码。谢谢，你必须指定一个宽度，也许这对你有帮助：我认为你能做的最好的事情是将你的高度设置为26px并适合内容，然后将你的最大高度从26设置为比内容高的高度谢谢你的回答。问题是我希望保持fit内容的行为，所以使用数值并不是一个真正的选项。我将打开一个新的问题，我试图实现什么，以保持这个答案清晰（之前没有找到）：最大高度与非数值值，如“适合内容”/“最大内容”，无法设置动画。