box-sizing:content-box(默认值) | border-box
计算方式:
1.content-box(默认值):
高度/宽度 = “给定的高度/宽度 + padding + border”;
设置了padding和border不会减少内容的宽度/高度
2.border-box:
盒子的宽和高就是“设置的宽度和高度(content)”
如果设置了padding和margin,将会减少内容(content)的宽度和高度;解决了因容器宽度不够,子元素被挤下去等问题 。
box-sizing计算方式
最新推荐文章于 2024-05-10 13:57:11 发布