box-sizing计算⽅式
box-sizing:content-box(默认值) | border-box
计算⽅式:
⾼度/宽度 = “给定的⾼度/宽度 + padding + border”;
设置了padding和border不会减少内容的宽度/⾼度
box sizing2.border-box:
盒⼦的宽和⾼就是“设置的宽度和⾼度(content)”
如果设置了padding和margin,将会减少内容(content)的宽度和⾼度;解决了因容器宽度不够,⼦元素被挤下去等问题 。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论