无效 属性 名称：弹性基础：1 0 最大内容

Invalid property name: flex-basis: 1 0 max-content

我将 flex 属性 应用于页面上的多个 div，并在 Chrome 中查看得到以下内容：

悬停时的消息是 Invalid property name。

不管怎样，我的代码如下：

.class-name {
  flex: 1 0 max-content;
}

我以为 max-content 是 supported in Chrome 所以不确定为什么会这样？我的浏览器是最新的，如果我将它拉入 flex-basis.

，我会遇到同样的问题

非常感谢任何解释或建议，即使（尤其是）如果我遗漏了一些非常简单的东西:)

根据 MDN 上的浏览​​器兼容性图表，flex-basis 的 max-content 关键字仍处于试验阶段，与 Chrome

不兼容