CSS规则不起作用（宽度：自动）

Question

我在我的css文件中放入以下规则：

.navbar-form .select2-container ul.select2-choices,
.navbar-form .select2-container ul.select2-choices .select2-search-field input {
  max-width: auto !important;
}

不幸的是，该规则被禁止，除此之外，还显示了以下消息：

  

无效的属性值

简而言之，我可以提出什么价值？

Answer 1

以下是有效值

  

无
     - 宽度没有最大值。

     

长度
     - 有关可能的单位，请参阅length。

     

百分比
     - 指定为包含块宽度的percentage。

Src：https://developer.mozilla.org/en-US/docs/Web/CSS/max-width

Answer 2

最大宽度不能设置为＆＃34; auto＆＃34;。请参阅here，然后向下滚动到有效的属性值。对于最大宽度，这些包括：

  

无：没有最大宽度（默认值）

     

长度：以px，cm等定义最大宽度

     

百分比（％）：定义包含块的最大宽度百分比。

     

初始：将属性设置为其默认/初始值。

通常，max-width可以与width属性一起使用。所以你可以说＆＃34;我希望我的div.container拥有width:100%;，但我也希望自己能够拥有＃{1}}。宽度为1024px，同时设置max-width:1024px;。＆＃34;

这对于跨不同设备/断点控制样式特别有用。