1. 为什么需要盒模型?
每个 html 标签类似一个盒子, 有 content,margin,padding,border 等属性程序编写的一个要点是控制变化和不变的部分, 若是变化部分则可以将其抽离出来, 以免影响不变的部分; 若是不变的部分则可以将其独立封装起来, 仅提供接口给外部调用这个盒模型作为程序中不变的部分优点是解耦和复用
2. 盒模型的类型
现在浏览器都支持 box-sizing 属性, 其中的 content-box 代表 W3C 盒子模型, 而 border-box 代表 IE 盒子模型区别在于盒子实际的宽高的计算方式不同
在文档顶部写上浏览器则会以标准模式即 W3C 盒子模型来解析文档
来源: https://www.2cto.com/kf/201802/722316.html