css3下的盒模型有两种:
边框盒模型(border-box)和内容盒模型(content-box)
具体设置的方法是通过box-sizing属性,默认是内容盒模型。
内容盒模型宽度的计算方法:
width+padding+border
也就是说内容盒模型的width属性的值只是内容的宽度,不是整体的宽度。
边框盒模型宽度的计算方法:
width
就是说在边框盒模型中包含了padding和border,设置的width是整体的width
另外为了盒子模型布局的稳定性,优先使用width 属性,其次是padding属性,然后是margin属性(会发生边距的合并)。
css盒模型
最新推荐文章于 2025-07-03 11:04:06 发布
1217

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



