定位

定位
  定位分类：普通流定位、浮动定位、相对定位、绝对定位、固定定位
  定位的属性：position规定元素的定位类型，可取值为static/relative(相对定位)/absolute(绝对定位)/foxed(固定定位)；偏移属性，属性名有left/right/top/bottom,用于定义元素框的偏移位置，取值为长度；z-index属性，设置元素的堆叠顺序；
  1、相对定位
    元素仍保持原来的形状，元素原本所占的空间仍保留，元素框会相对于它原来的位置偏移某个距离；
    语法：position:reltive;
      left/top/bottom/right:value;
  2、绝对定位
    使用偏移属性来固定元素的位置，相对于最近的已定位的（使用了定位属性）祖先元素，如果元素没有已定位的祖先元素，娜美他的位置相对于最初的包含框body（不设置偏移量时不受影响）；
    语法：position:absolute;
      left/right/top/bottom:value;
  3、堆叠顺序
    一旦修改了元素的定位方式，有可能会出现元素堆叠（彼此有遮挡），可以通过z-index属性来控制元素框出现的堆叠顺序，z-index的值为数字，数字的值越大表示元素顺序更高（距离用户最近）。注意，如果想要给一个元素框定义z-index属性，需要设置定位属性
  4、固定定位
    将元素框固定在某个位置，元素不占用页面空间，当用户向下滚动页面时，元素框不会随着移动
    语法：position:fixed;
      left/right/top/bottom:value;