box-sizing 可以设置元素的盒子模型;默认为 content-box ;
{
width: 100px;
height: 100px;
padding: 20px;
margin: 20px;
border: 1px solid #ccc;
}
- content-box:这里设置盒子宽度 width 就专指盒子内容的宽度 width ;
- border-box:这里设置盒子宽度 width 则等于 border + padding + content ;