width:100%和 max-width:100%的区别

width:100% 和 max-width:100%的区别： width: 100%是将所有指定元素的宽度 拉伸或收缩到和父元素的宽度一致，而max-width: 100%则是如果指定元素的宽度不超过父元素的宽度，则大小不变，如果超过了父元素的宽度，则将宽度收缩为父元素的宽度。

总结:

掌握width:100% 和 max-width:100%的区别，当max-width:100%未超过父元素宽度而导致无效的时候，把图片设置成width:100%。