我遇到了Firefox 39.0无法理解的问题。
我想重置元素的width，但既不将其设置为auto也不设置为inherit。
form input {
width: inherit;
}<div>
<form>
<input type="text" />
<button>text</button>
</form>
</div>
如果我没有设置我从常规width: 100%样式中获得input。
问题是它使用该规则溢出其容器（仅在Firefox 上）。
我尝试设置width: auto，但它与inherit的反应非常相似。在开发人员工具的计算规则部分中，我可以看到 width 的值为像素。
但如果我从开发人员工具中删除/取消选中所有width规则，则会有不同的反应，并完全按照width的方式调整我想（也就是说，适应真实的可用尺寸;而不是更多）。事实上，如果我检查计算规则部分，我发现它现在没有任何width声明！
我可以达到相同的效果（没有声明任何width规则）将值设置为unset。但不幸的是，这种行为并没有改变。
我怎样才能获得相同的内容？我尝试的任何值都没有得到这种行为。 在所有其他浏览器上，它似乎很好！