ps: 如果有任何问题可以评论留言,我看到后会及时解答,评论或关注,您的鼓励是我分享的最大动力

转载请注明出处:

https://blog.csdn.net/qq_40938301/article/details/104726723

区别:

ps:  div 设置的 width 为该 div content部分的宽度大小,并不是 div 的宽度大小。

即   width(div) = content (div)

具体见标准盒子模型:div 的大小 = content + padding + border + margin

(粗略的记法,具体的话padding 、border、margin 还要 *2) 

1、width:auto;

CSS标准盒子模型中 width:auto 和 100% 的区别

auto: 表示 子div 的宽度是可以变动的,子div的大小(content + padding + border + margin)为父元素 content 的大小,即也是父元素 width 的大小。

2、width:100%;

CSS标准盒子模型中 width:auto 和 100% 的区别

100%:表示 子div的宽度固定,子元素的 content = 100% * 父元素的 content ,即也是父元素width 的大小(效果等价于 width 设置为 inherit )

相关文章: