absolute和relitive fixed 是相关特征总结_reative fix absulute

1.定位position
1) 定位的取值
position: static; 默认值，对象遵循常规流；
position: relative；相对定位
position: absolute； 绝对定位
position: fixed； 固定定位
2) 定位取值的异同点
相同点

1.都可以设置top/bottom/left/right 四个方位，如果同时设置top和bottom，不管值的大小，只听top的，如果同时设置left 和 right，不管值的大小，只听left的；
2.都可以设置z-index的属性，用来改变层级，z-index的值越大，层级越靠上，反之越靠下； 
注意: z-index一定要和position一起使用;否则不起作用
定位的区别 
1.是否脱离正常文档流

绝对定位和固定定位会脱离正常的文档流(平行漂浮于元素之上: 重叠)；
绝对定位是会随着滚动条的滚动而滚动
固定定位是固定不动，不会随着滚动条的滚动而滚动
相对定位不会脱离正常的文档流；
2.参照物

绝对定位: 查找机制： 先找第一层的父元素，如果没有则继续往上查找，直接找到整个浏览器窗口为止，如果上级父元素有定位的参照物，则停止查找；
固定定位 ： 整个浏览器的窗口
相对定位 : 它自己原来本身的位置
position:relative 在实际项目中: 
1.作为绝对定位的参照物 
2.配合z-index和top/bottom/left/right一起使用
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28