css 对于定位的一些理解与用途

position:relitive; 跟absolute搭配使用
position:absolute; 跟relitive搭配使用
position:static; // 默认的定位方式，定位的四大元素(top bottom left right)不起作用的。
position:fxied; //固定不动
position:inherit; // 继承于父级的
position:initial; // 最初的，就是说定义的默认值，也就是static
position:unset; // 字面意思，取消定位的方式

position:sticky; // 重点戏 粘性定位，大多数时候看成是relitive的fxied的组合，主要是用在<scroll>上面
在滑动的过程中，某个元素距离其父级元素的距离达到sticky的要求的时候，那么他就会触发变为fxied的效果。
使用的条件：
1、父级元素不可以设置为：overflow:hidden; overflow:auto;也不要设置固定的高度。
2、必须指定四大元素中的一个值
3、父级元素的高度不能低于sticky的高度，
4、作用范围仅限制于其父级元素的盒子中。
5、貌似Andriod以下的不兼容。
对于具体的详细的用途：
https://www.zhangxinxu.com/wo...

emmmmm,其他小东西；
其实fxied定位的方式，不仅仅只是相对于浏览器的窗口的，也可以结合relitive来使用。
但是在子级设置为fxied的时候，不可以使用四大元素去设置子元素的位置，而是要通过margin的值来设置不同的位置。