2021-09-19 CSS定位

定位：

1：定位：页面上的元素，应该出现的位置
2：定位分类 ：普通定位流；
              浮动定位流；
              相对定位；
              固定定位；
3：定位详解：
    1：普通定位流又称文档定位流；就是页面中元素默认的显示方式
    
    文档规范：
          所有元素默认都是从父级左上角开始显示，如果是块级元素，那么元素会独占一行，从上向下排列，如果是行级元素，那么多个元素或在一行中从左到右排列；

属性：

position:作用规定元素的定位类型；
取值：static   静态，默认显示方式，即文档流定位
      relative  相对定位
      absolute  绝对定位
      fixed     固定定位


position：absolute；
     绝对定位：（当一个元素成了绝对定位之后， 脱离原来位置进行定位）对于最近的有定位父级定位，如果没有最近父级定位，那就对文档进行定位
position：relative
     相对定位： 当一个元素成了绝对定位之后，保留原来位置进行定位 （灵魂出窍）相对于原来的位置进行定位
position：fixed；
     固定定位：广告定位，上下滚动不动
z-index：N；第几层模型