CSS 定位

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

 

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