CSS屬性中的width：auto；或不設跟width：100%；的區別

width: auto或不設置寬度

• 子元素（包括content+padding+border+margin）撐滿整個父元素的content區域。
• 子元素有margin、border、padding時，會減去子元素content區域相對應的width值
• 父元素的content = 子元素（content + padding + border + margin )

width: 100%

• 強制將子元素的content區域 撐滿 父元素的content區域
• 子元素有margin、border、padding時，不改變子元素content區域的width，而是溢出父盒子，保持原有值
• 父元素的content = 子元素的content

簡單來說，就是子元素width：auto；時父元素的content=子元素的content+margin，border之類的，即設置margin之類屬性有效，而設置width：100%；則會強制性的撐滿父元素的空間。