定位小结 position

定位的属性值一共有5个
一、绝对定位 position:absolute;
特点：
1.文档流 脱离文档流，也就是飘了，不要自己原来的位置
2.参照物

　　2.1默认情况，是围绕着浏览器的第一屏做位置移动

　　2.2围绕着父元素做位置移动，父元素必须添加定位(最好是相对定位)设置
3.层级关系 z-index:0/auto; 值越大，就在最上层

二、相对定位 position:relative;
特点：
1.文档流 没有脱离文档流，没有飘，占位置在
2.参照物 是围绕着自己原来的位置做移动
3.层级关系 z-index:0/auto; 值越大，就在最上层

三、固定定位 position:fixed;
特点：
1.文档流 脱离文档流，也就是飘了，不要自己原来的位置
2.参照物 是围绕着整个浏览器做位置移动
3.层级关系 z-index:0/auto; 值越大，就在最上层

四、粘性定位 position:sticky; 用来做吸顶效果的
特点：
1.文档流 没有脱离文档流，没有飘，占位置在
2.参照物 是围绕着整个浏览器做位置移动
3.层级关系 z-index:0/auto; 值越大，就在最上层

五、定位的默认值 position:static;

关于定位使用的心得：
1.定位最好不用作布局；
2.一定要给定位的元素，最好添加宽高；
3.定位一定要添加方位。