css属性width默认值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 改为 子 content

到此这篇关于css属性width默认值width: auto与width: 100%区别详解的文章就介绍到这了,更多相关css width: auto与width: 100%内容请搜索潘少俊衡以前的文章或继续浏览下面的相关文章，希望大家以后多多支持潘少俊衡！