CSS3-新特性 盒子模型

共计 283 个字符，预计需要花费 1 分钟才能阅读完成。

CSS3中 box-sizing 来指定盒模型，有2个值：content-box、border-box，这样我们计算盒子大小的方式就发生了变化
可以分成两种情况：

1. box-sizing: content-box; 盒子大小为 width + padding + border 的大小（以前默认的）
2. box-sizing: border-box; 盒子大小为 width

如果盒子模型我们改为了 box-sizing: border-box; ，那 padding 和 border 就不会撑大盒子了（前提是 padding和 border 不会超过 width 宽度）

.box {
    box-sizing: border-box;
}