五种定位属性
1、静态定位static
特点:默认文档流定位
2、相对定位 position: relative;
特点:设置相对定位,相对于自身本身在浏览器中的默认位置,不脱离文档流
3、绝对定位 position: absolute;
特点:
1.原来位置不保留 脱离文档流
2.默认使用了绝对定位元素无论有无父元素 参照点是body浏览器视口区域
3.如果祖先元素使用了定位属性 则相对于祖先元素定位
4、固定定位 position: fixed;
设置固定定位
特性:脱离文档流 相对于浏览器视口区域
5、粘滞定位 position: sticky;
特性:特性:不脱离文档流 原先位置保留 relative+fixed定位一个定位属性
默认相对定位达到阈值就是固定定位 设置两个以上的粘滞定位优先设置后加载的一个