max-width:auto == max-width:100%？

Question

是

max-width:auto;

等于

max-width: 100%?

如果不是，有什么不同？

Answer 1

它们是不相等的。auto不是max-width的有效值。

如果你正在寻找一个意味着“这个元素的宽度没有上限”的值，那么这个值就是none (参见max-width上的规范)。

然而，none也不等于100%。值100%表示元素的宽度最多只能与其包含块的约束一样宽(有关百分比宽度的详细信息，请参阅the width property上的规范)。

使用none，您仍然可以使元素比其包含的块更宽(这通常会导致溢出)，例如，通过在元素上设置width: 150%。在最大宽度为100%的情况下，该限制将仅优先于150%设置。