relative:相对自己原来的位置定位 其元素还会占用原来位置
absolute:相对上层定位的元素（除static若上层没有定位的元素则相对应body定位)定位 不会占用原来位置
标准盒子模型：元素的实际宽高=width+padding+border 怪异的盒子模型：元素的实际宽高=width(包含定义的padding+border)
改变盒子模型：box-sizing:content-box(border-box)
relative:相对自己原来的位置定位 其元素还会占用原来位置
absolute:相对上层定位的元素（除static若上层没有定位的元素则相对应body定位)定位 不会占用原来位置
标准盒子模型：元素的实际宽高=width+padding+border 怪异的盒子模型：元素的实际宽高=width(包含定义的padding+border)
改变盒子模型：box-sizing:content-box(border-box)