width属性100%和auto的区别

1.width：100%

100%表示子元素的宽度和父元素的宽度相等，其中并不包括子元素内外边距以及边框的值，为子元素真正的宽度

2.width：auto

auto表示子元素的 宽度+内边距+外边距+边框 才等于父元素的宽度

注意：上述父元素的宽度都是父元素真正的宽度，即父元素width属性值


当父元素width值为500px的时候（不论父元素是否有内外边距以及边框），示例如下：

• width为100%的子元素：
  

• width为auto的子元素：