在HTML页面中的所有元素都可以看成是一个盒子。
盒子的组成:内容+内边距+边框+外边距【content + padding + border + margin】
盒模型的类型:
- 标准盒模型:content + padding + border + margin 【box-sizing:content-box】
盒子设置的宽高是content的宽高
- IE盒模型:content(padding + border) + margin 【box-sizing:border-box;】
盒子设置的宽高是包含padding、border的