关于盒子模型的个人理解（未必正确）

1，width和height其实定义的是内容的宽度和高度，这个里面并不包括boder，padding和margin

 

2，关于盒子大小的计算

盒子宽度 = width + 2 * padding + 2 * boder + 2 * margin

盒子高度 = height + 2 * padding + 2 * boder + 2 * margin

 

3,比如像下面这个盒子，浅红色的是内容，深红色的是padding，黑色的是边框，黄色的是margin

 

4，padding和margin的区别，padding是在boder之内，marggin是在boder之外，padding的背景颜色和内容的背景颜色是相同的