width

1. 设置元素内容区（content area）的宽度。

2. 如果box-szing属性设置为border-box，width表示border area的宽度，如下图

 

min-width

1. 设置元素的最小宽度。它可以避免元素的实际width的属性值比min-witdh更小的情况。

2. 当min-width值大于width或者max-width时，min-width值会覆盖其它两个值，如下图

 

max-width

1. 设置了元素的最大宽度。防止元素的实际宽度大于max-width

2. width大于max-width时，max-width会覆盖width

 

 3. 当浏览器窗口宽度小于width时，浏览器会显示一个水平的滚动条来容纳页面，此时设置max-width可以阻止这种现象发生。