定位 postion:
默认: static 即文档流定位。
1.相对定位 (relative)
1.不会影响其他元素,
2.不脱离文档流
3.但是呢 相对单位是占位置的,就是你偏移走了后,之前那个位置还会占这。这点要注意。
4.自身偏移,相对于自己的位置来走,但会覆盖别人,可以用zIndex自己调整。
2.绝对定位(absolute)
1.绝对单位不占空间,和相对单位相反啊 ,相对定位是占着那个(占位) ,绝对单位不占。
2.宽度有内容决定
3.支持内联和块状 的样式,即支持所有的样式。
4.脱离文档流了(即不占坑的..)
5.相对于最近的 非static 元素单位,如果都是static ,那么会相对于可视区单位,可视区其实就是电脑屏幕。
3.固定单位(fixed)
1.不收任何元素影响
2.宽度内容决定
3.支持所有的样式(内联 + 块状)
4.相对于可视区来定义,任何元素都不能影响到自己。
4.粘性单位(sticky)
1. 相对单位 + 固定单位的 产物
2.当你即将不可视的时候(即 被拉走或超过浏览器屏幕的时候) 那时候他会变为固定定位,一直在边缘徘徊,类似于 滑块导航条,滑块下去,你死都不下去。
完. 别白嫖啊 点个赞什么的啊.........
作者:咸瑜