盒子模型

1.盒子模型：盒子模型就是把HTML页面的元素看作一个矩形盒子。矩形盒子是由内容（content）、内边距（padding）、边框（border）、外边距（margin）四部分组成。


代码示例以上
2.盒子的真实尺寸
盒子的width和height值固定时，如果盒子增加border和padding，盒子整体的尺寸会变大，所以盒子的真实尺寸为：
盒子高度=height+padding上下+border上下
盒子宽度=width+padding作用+border左右
注意：盒子的真实尺寸只会受到宽度、高度、边框、内边距四个属性的影响，不会受到外边距属性的影响。