定位 postion:

CSS 定位_相对定位

 

 

默认: 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.当你即将不可视的时候(即 被拉走或超过浏览器屏幕的时候) 那时候他会变为固定定位,一直在边缘徘徊,类似于 滑块导航条,滑块下去,你死都不下去。

 

完.  别白嫖啊 点个赞什么的啊.........

 


作者:​​咸瑜​​​​