本文详细介绍了CSS中div元素的默认盒子模型，包括content-box的概念及其如何影响div元素的宽度计算方式。通过具体设置如width:100%与width:auto的情况，解释了不同设置下div元素如何与父容器进行宽度匹配。
1、div默认的盒子模型是display:content-box
2、当设置width:100%的时候，就是指content内容区域的宽度是100%，只要设置了margin、border、padding的话，div最后显示出来会超出父容器宽度
3、当设置width:auto的时候，会根据盒子模型的外边距margin、边框border、内边距padding的值来调整内容content的宽度，使得div在显示上占据一整行并且没有超出父容器宽度
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
