Css 为什么在这种情况下“最大宽度”不起作用

为什么以下示例中的“最大宽度”不起作用

要了解我的意思，请将正确的窗口缩小到1000px（以便输入比窗口大），然后将输入宽度切换到100%，看看它现在是否合适

我想归档的内容：输入的宽度应为1000px，但不能像屏幕（或JSFIDE中的框架）那样宽

---

正如有人在评论中所说，家长没有得到任何宽度。但至少表单元素获得了一个宽度（设置为max width）。这很正常。这里的问题是

字段集

。从代码中删除字段集，它就会工作。

更新：

经过一些检查，我发现了一个默认的浏览器CSS的字段集

  min-width: -webkit-min-content;

只需添加以下内容即可获得所需的结果

fieldset {
    min-width: inherit;
}

---

您不能将动态值（以%表示的值）设置为“最大宽度”，为此，您需要提供固定值。 您可以将这种值赋予宽度

---

这是我的观点。

问题在于

。它们在a**中很难重置，而在Webkit和Gecko中，它们总是和它们最宽的孩子一样宽，忽略了

max width

您可以在Webkit中使用

最小宽度：0

覆盖此行为，但Firefox不允许作者对其进行编辑

---

我知道的唯一解决方案是将

的

显示属性设置为
表格单元格。虽然很难看，但它很管用
 您想要实现什么？输入的父元素的宽度是多少？如果宽度大于小于1000px，那么输入得到最大宽度？“最大宽度”只能知道元素在最大值时的宽度。给定100%不会让它知道要给元素宽度参数指定的值。此处width:100%表示输入的宽度是父元素的宽度，因此当您写入：width:100%和max width:100%时，它将起作用。这里我也会忽略最大宽度。@Guy，所有东西都是宽度：100%，而不是更宽。不清楚吗？要我更新这个问题吗？如果你想让所有东西都有宽度：100%，只需给出宽度：100%，不要使用最大宽度。在这种情况下，使用max width是没有意义的。您当前的代码所说的是，您希望输入为1000px，或100%，以较大者为准<代码>最大宽度：100%
表示元素的宽度永远不会超过其父元素的宽度。谢谢！这就是我要找的，我没有看到浏览器设置的最小宽度！这还不足以解决Firefox中的问题。您还必须将
display:table cell
应用于
。我已经接受了答案，但该死的是，覆盖字段集的最小宽度在firefox中不起作用。感谢您对表格单元格的提示。这很管用（是的，它很难看）。希望你得到更多的选票，因为你的答案提供了更多的信息。
  min-width: -webkit-min-content;

fieldset {
    min-width: inherit;
}