1、div默认的盒子模型是display:content-box
2、当设置width:100%的时候,就是指content内容区域的宽度是100%,只要设置了margin、border、padding的话,div最后显示出来会超出父容器宽度
3、当设置width:auto的时候,会根据盒子模型的外边距margin、边框border、内边距padding的值来调整内容content的宽度,使得div在显示上占据一整行并且没有超出父容器宽度
本文详细介绍了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在显示上占据一整行并且没有超出父容器宽度

被折叠的 条评论
为什么被折叠?