在使用css布局时，我们常常会用到position属性，今天，整理一下用法

一：static

1：静态定位，元素默认属性，不受top,left,bottom,right影响

position: static;

二：relative

1：相对定位，相对于其正常位置定位，不影响其他元素位置

position: relative;

三：absolute

1：绝对定位，让元素脱离文档流，相对于最近的非static定位的父元素定位

 position: absolute;
  top: 20px;
  left: 20px;

四：fixed

1：固定定位，相对于浏览器窗口定位，不会随着页面的滚动而改变位置

position: fixed;
top: 20px;
left: 20px;

五： sticky

1：粘性定位，元素在滚动时定位，到达指定位置时变为固定定位，不会影响其他元素位置

position: sticky;