【无标题】

五种定位属性

1、静态定位static

特点：默认文档流定位

2、相对定位 position: relative; 

特点：设置相对定位，相对于自身本身在浏览器中的默认位置，不脱离文档流         

3、绝对定位 position: absolute;

特点：

            1.原来位置不保留 脱离文档流

            2.默认使用了绝对定位元素无论有无父元素 参照点是body浏览器视口区域

            3.如果祖先元素使用了定位属性 则相对于祖先元素定位

4、固定定位 position: fixed;

设置固定定位

            特性：脱离文档流 相对于浏览器视口区域    

5、粘滞定位 position: sticky;

特性：特性：不脱离文档流 原先位置保留 relative+fixed定位一个定位属性

            默认相对定位达到阈值就是固定定位 设置两个以上的粘滞定位优先设置后加载的一个