What's the difference between width:auto; and width:100%;

Answer:

width: auto stretches to the full width and subtracts margins,padding,or borders from the available space inside.
Whereas width: 100% forces the element to become as wide as the parent and will add additional spacing to the width of the element.This typically causes problems.