position
    
  relative 相对定位

  相当原本初始位置进行移动，原本位置还在文档流中

  absolute 绝对定位

  当一个元素被设置绝对定位后，原本位置将会从文档流中被删除，其他元素占据他的原本位置。

  参考对象：

   1：如果 被设置绝对定位 的元素有父级元素，且父元素已经定位，那么参考父元素进行定位

   2：如果 被设置绝对定位 的元素有父级元素，且父元素没有定位，那么参考浏览器边框

   父元素已经定位: 

    relative, absolute, fixed

  fixed 固定定位

  参考对象：浏览器边框

  盒子模型

  padding 内边距

  border 边框

  margin 外边距

  content 内容

  计算规则：
  元素的真实宽高 = content + (padding + padding) + (border + border)