CSS盒子模型包括内容、填充、边框和边界，理解这一模型对于网页布局至关重要。box-sizing属性决定了元素的宽度和高度是否包含边框和内边距。content-box是默认值，width仅作用于内容；而border-box中，width会包含边框和内边距，但不包括margin。了解并运用box-sizing属性，能更好地控制元素尺寸。
css盒子模型具备 内容(content)、填充(padding)、边框(border)、边界(margin)
这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模式。
CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。
box-sizing属性
- box-sizing：content-box是属性默认,即宽度和高度只应用于元素内容
- box-sizing:border-box： 边框和内边距的值是包含在 width 内的。也就是说，如果你将一个元素的 width 设为 100px，那么这 100px 会包含它的 border 和 padding。但是border-box不包含 margin的值
- box-sizing:inherit 指定 box-sizing 属性的值，应该从父元素继承
扫一扫
1426
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
