CSS定位分析与理解

css定位分类

1.静态定位：static

2.相对定位：relative

3.固定定位：fixed

4.绝对定位：absolute

1.静态定位

position:static;

静态的定位是相对网页左上角来定位

2相对定位

position:relative;

相对定位不脱离标准文档流，对标准文档流还存在影响。
左边的字并不会向前移动。通俗的讲就是相对自己原来的位置来定位
相对定位是参考自己位移以前的位置来进行定位的。

3固定定位

position:fixed;

固定定位脱离标准文档流
固定定位的参考点是浏览器文档的窗口
主要作用：冻结窗口 通俗的讲用来做”小广告的“，不随网页下滑而不见，就是固定在窗口上

4绝对定位

position:absolute;

绝对定位脱离标准文档流 
如果父盒子不存在定位，就参考 页面 进行调整
如果父盒子存在定位（相对、固定、绝对）,就参考父盒子的位置进行调整
作用：压盖效果（就是大图片或者大的元素上面任意位置放了其他的元素）位置可以调可以随意的放