浏览器盒模型

1.为什么需要盒模型？

每个html标签类似一个盒子，有content,margin,padding,border等属性。程序编写的一个要点是控制变化和不变的部分，若是变化部分则可以将其抽离出来，以免影响不变的部分；若是不变的部分则可以将其独立封装起来，仅提供接口给外部调用。这个盒模型作为程序中不变的部分优点是解耦和复用。

2.盒模型的类型

现在浏览器都支持box-sizing属性，其中的content-box代表W3C盒子模型，而border-box代表IE盒子模型。区别在于盒子实际的宽高的计算方式不同。

在文档顶部写上<doctype html>浏览器则会以标准模式即W3C盒子模型来解析文档。