CSS两种盒模型
两种盒模型：
- IE盒子模型
- W3C盒子模型
盒子的基本属性
这里我们先来看一下我们打开浏览器的调试工具时看到的一个图
| 属性 | 含义 |
|---|---|
| margin | 外边距 |
| border | 边框 |
| padding | 内边距 |
| content | 内容区，显示文本和图像 |
在我们设置一个盒子时我们会设置它的 width 和 height，但是对于两种盒模型来说，他们的 width 和 height 的计算方式是不同的
- IE盒子：width = content + padding + border
- W3C盒子：width = content
利用box-sizing 来选用盒模型
IE：box-sizing : border-box
W3C：box-sizing : content-box
注意：浏览器默认的是 content-box
