对box-sizing的理解（1-1）

又到周末了，快放寒假了，我们小组考前闭组。虽然说现在比之前轻松很多但是感觉没那么充实了，没那种感觉了，我绝对不会退，因为将来退了我干什么去呢？这星期没学太多东西，就找个简单的知识点说说吧，不常用。

---

box-sizing属性有两个属性值content-box（默认）和border-box

1. content-box该属性值为默认值，如果我们给一个盒子（有宽度）添加内外边距和边框宽度，那么这个盒子的真是宽度就变成了（原宽+内边距+外边距+边框宽度）*2；以此我们为了保持原宽度会将原宽度减去2倍的内边距和边框宽度；这就给我们的添加了一些麻烦，因此用border-box会免去这些麻烦。

2. border-box,如果我们添加了这一个属性值那么这个盒子的宽度就是外边框以内的宽度，省去一点计算。

一起加油！！！