定位

定位

定位：相对定位 绝对定位
        relative( 相对定位)  absolute(绝对定位)  fixed(固定定位)
   样式属性：left top bottom right ------但一般只用 left top值偏移 

   相对定位：相对于自身移动位置，偏移
            脱离文档流，但却没有完全脱离文档流，本身位置并不会脱离文档流，仍然占据位置
            以左上角为基准点
            其自身仍然遵循文档流的特性和自身的特性，块级元素仍会独占一行，行内元素仍会在同一行；
    
    绝对定位：1.完全脱离文档流，并不占文档中的位置，和浮动特性相似，下面的元素将会代替其原来的位置
              2.依靠于其父级元素，如果父级元素没有定位，则其绝对定位的元素 相当于Document文档浏览器为标准进行偏移
             3. 否则依靠于父元素的左上角为标准进行偏移
             4.添加绝对定位，将会发生隐式转换，转换成行内块元素，需要本身设置宽高


    固定定位：fixed
            1.于浏览器窗口作为参考对象
            2.脱离标准文档流的控制，根据浏览器窗口进行定位偏移
            3.完全脱离文档流
            4.解决元素脱离文档流，导致下面的元素会代替脱离文档流的元素---的方法
                    -----可以为下面的元素设置一个margin-top值，其值等于脱离文档流的元素的高度

    定位 层叠次序  z-index-----正整数 负整数 0
                            -----值越大，谁就在最前面
                            -----默认属性为----0
                            -----并不局限于图片等，只要是元素都可以
                            -----一般而言，当增加了定位后，就会存在次序的问题，即需要z-index；无定位，不可能存在元素的层叠次序问题