width与max-width的区别

若同时设置了width和max-width两个属性，则以下面规则显示宽度

 (1)当width元素小于max-width时，元素宽度以width为准

 (2)、若超过max-width则以max-width为准。

 例

(1)、若width100px; max-width:400px;则宽度为100px;

 (2)、若width:500px;max-width:400px，则宽度为400px;

  当然若width和max-width同为px或者rem等固定单位，则没有必要同时设置两个属性。

 (3)、若width:100%;max-width:900px;  则含义为宽度为元素为父元素宽度的100%，但最大宽度不超过900px