5-web前端 定位position

1、相对定位 position: relative 

特点：  不脱标，占用自己原来位置

     显示模式特点保持不变

     设置边偏移则相对自己原来位置移动

拓展：很少单独使用相对定位，一般是与其他定位方式配合使用

   参考自身原位置

2、绝对定位 position: absolute

使用场景：子级绝对定位，父级相对定位（子绝父相） 

特点：  脱标，不占位 

    显示模式具备行内块特点 

   设置边偏移则相对最近的已经定位的祖先元素改变位置 

    如果祖先元素都未定位，则相对浏览器可视区改变位置

   绝对定位的元素参考的是有定位元素的父元素 最近的，如果父元素没有定位，则参考浏览器左上角

    绝对定位，脱离标准流，飞起来，会被占用

3、区别：相对定位参考与自身原来的位置，绝对定位 参考于浏览器左上角

4、固定定位 position: fixed 

场景：元素的位置在网页滚动时不会改变 

特点：  脱标，不占位

     显示模式具备行内块特点

     设置边偏移相对浏览器窗口改变位置