CSS基础——max-width与width

在用CSS调整布局时，我们经常能用到max-width与width，这里简单分析一下两者的使用场景。

max-width经常用在设置元素最大宽度上，可以直接设置像素值或者百分比，看如下代码。

img {
  max-width: 100%;
  display: block;
  height: auto;
  margin: 0 auto;
}

以上代码可以设置图片的最大宽度不超过本身的宽度，此时 width 没有被赋值，为默认的 auto。

如果加上 width:100%，此时 max-width属性就会失效，因为被width属性覆盖。