本文详细介绍了CSS的box-sizing属性，包括border-box和content-box两种模式。box-sizing:border-box使得元素的总宽高包含padding和border，而content-box则是默认样式，不包含这些值。了解并正确使用box-sizing属性能更好地控制网页布局。
使用 box-sizing属性
box-sizing:border-box
设置box-sizing:border-box后，就会将padding、border、margin的值算入width和 height里面去了，使得 总元素的宽度 = width的值 、总元素的高度 = height。
box-sizing: content-box
其实就是默认的，将padding、border、margin的值不 算入width和 height里面去。
box-sizing: inherit
继承父元素 box-sizing属性的值
扫一扫
1069
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
