LouisTsang-jk.github.io
盒模型
组成
Content box
显示内容，尺寸通过width、height控制
Padding box
内容区域外部的空白，尺寸通过padding控制
Border box
内容区域外部的边框，尺寸通过border控制
Margin box
内容区域外部的边距，尺寸通过margin控制
标准盒模型
宽高 = 内容区域宽高 + 内容区域外部的空白 + 内容区域外部的边框 + 内容区域外部的边距
替代(IE)盒模型
宽高 = 内容区域宽高 + 内容区域外部的空白 + 内容区域外部的边框 + 内容区域外部的边距 + 内容区域外部的边距
margin 不计入实际大小 —— 当然，它会影响盒子在页面所占空间，但是影响的是盒子外部空间
两者可以通过
box-sizing来控制