width:100%和height:auto区别

   width: auto;和height：auto;指的是浏览器会自己选择一个合适的宽或者高值
如果内外边距变大，那么就减小width或者height的值，反之就增大。
    width:100%;和height：100%；指的是宽和高就是父级元素的，并且随着父级的变化；
    并且增加内外边距，width和hegiht还是不变的，这就是与auto区别。
    一般auto用的多，因为这样灵活，因为在增加padding或者margin的时候容易突破
    父级框， 然后就需要自己手动减小width或者height了。