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;
auto: 表示 子div 的宽度是可以变动的,子div的大小(content + padding + border + margin)为父元素 content 的大小,即也是父元素 width 的大小。
2、width:100%;
100%:表示 子div的宽度固定,子元素的 content = 100% * 父元素的 content ,即也是父元素width 的大小(效果等价于 width 设置为 inherit )