Css 试图使用固有的大小值填充内容，但chrome不接受

我正试图使用固有的大小调整使div只适合于内容，但chromedev工具似乎拒绝了这种风格

在dev工具中，该样式有一个横线和一个带感叹号的黄色三角形，好像它是一个无效样式。”

如果我在没有供应商前缀的情况下使用该样式，或者使用以下任何一项都不起作用，则该样式将获得成功：

.box{
    width:-moz-fit-content;
    width:-webkit-fit-content;
    width:fit-content;
}

他们都有一个打击通过他们

我做错了什么？我有最新版本的Firefox和Chrome，他们应该支持这一点

更新：

以下是我在chrome开发工具中看到的屏幕截图：

---

您在答案中编写的代码：

.box{
    width:-moz-fit-content;
    width:-webkit-fit-content;
    width:fit-content;
}

应该很好用。但是，屏幕截图中的代码：

div.container{
    height:-webkit-fit-content;
    height:fit-content;
}

不行。这是因为拟合内容仅适用于宽度，而不适用于高度。 有关宽度和高度的工作值，请参见Mozilla开发者网络-宽度有更多可用方法：

根据MDN，拟合内容宽度执行以下操作：

拟合内容：固有最小宽度中的较大值 固有首选宽度和可用宽度中的较小者

---

因此，对于某个高度，可以期望div扩展其高度以适应其中的内容（除非内容是绝对定位或浮动的）。要使其满足最后一部分的要求（确保不超过可用空间），您可以添加

max height:100%取决于html的结构。
您在答案中编写的代码：

.box{
    width:-moz-fit-content;
    width:-webkit-fit-content;
    width:fit-content;
}

应该很好用。但是，屏幕截图中的代码：

div.container{
    height:-webkit-fit-content;
    height:fit-content;
}

不行。这是因为拟合内容仅适用于宽度，而不适用于高度。
有关宽度和高度的工作值，请参见Mozilla开发者网络-宽度有更多可用方法：


根据MDN，拟合内容宽度执行以下操作：

拟合内容：固有最小宽度中的较大值
固有首选宽度和可用宽度中的较小者

因此，对于某个高度，可以期望div扩展其高度以适应其中的内容（除非内容是绝对定位或浮动的）。要使其满足最后一部分的要求（确保不超过可用空间），您可以添加
max height:100%取决于html的结构。
这应该可以正常工作。你确定以后没有其他东西会覆盖它吗？更具体的东西，更深入的css，甚至通过你正在使用的任何js进行修改？也许你可以发布一个链接到你所看到的屏幕截图上？@ChrisBoon它没有被任何事情所困扰。它只是被打穿了，好像有什么东西写得太多了，或者它的样式是无效的。这是我在开发工具中看到的一个屏幕截图：它在Chrome 22–29中运行得很好：@DavidStorey看起来被解析得很好，但开发工具就是无法识别它。与开发工具一样，我仍然将这些样式（根据高度调整内容）划掉。这是你的js小提琴：@irfanmir这就是我现在看到的。它们在我的机器上的Web Inspector中没有被划掉。这应该可以正常工作。你确定以后没有其他东西会覆盖它吗？更具体的东西，更深入的css，甚至通过你正在使用的任何js进行修改？也许你可以发布一个链接到你所看到的屏幕截图上？@ChrisBoon它没有被任何事情所困扰。它只是被打穿了，好像有什么东西写得太多了，或者它的样式是无效的。这是我在开发工具中看到的一个屏幕截图：它在Chrome 22–29中运行得很好：@DavidStorey看起来被解析得很好，但开发工具就是无法识别它。与开发工具一样，我仍然将这些样式（根据高度调整内容）划掉。这是你的js小提琴：@irfanmir这就是我现在看到的。它们在我的机器上的网络检查器中没有被划掉。啊，好的。所以它不能作为高度的值。谢谢你的解释！啊，好的。所以它不能作为高度的值。谢谢你的解释！