CSS中position一般是跟盒子结合做出效果的，浮动可以实现盒子在横向上的排列，但是如何实现在盒子上重叠另一个盒子的效果呢？就需要CSS的position来实现
position属性有四个，分别有static relative absolute fixed四个属性
1.static
static属性是position的默认属性，不对position做定义时，默认是static，此时盒子仍是原本文档流的属性，没法实现盒子之上重叠另一个盒子的效果
如图，可以看到，static是position默认的属性，此时盒子仍是文档流
2.relative
relative是相对定位，这个相对定位是相对于浏览器来讲的定位，此时盒子脱离原来的文档流，相对于浏览器进行重新定位，但是盒子所占有的位置不变，表示盒子距离的属性有四个：top,left,bottom,right。表示盒子相对于浏览器的位置；如：top：100px; 表示盒子相对于浏览器上方的距离是100px
可以看到，此时盒子的位置发生了变化，盒子脱离了文档流，但是下方的盒子并没有占据上方原盒子的位置，这说明原盒子在文档中占有的位置不变
3.absolute
absoluet是绝对定位，它表示的是盒子对最近一级的有定位的父级元素的定位，同样有top left right bottom四个表示位置的属性
如图，此时子元素为什么不是相对于父元素（蓝色）的定位呢？因为父级元素没有进行position的定义，所以此时子元素（粉色）是相对于更高一级的父元素的定位，也就是相对于浏览器定位，
如果把father进行定位会怎样呢？
可以看到，此时子类元素相对于父级元素进行了定位
4.fixed
fixed是固定定位，是盒子相对于浏览器的可视界面进行的定位，无论父级元素是谁，有没有进行定位，fixed都是相对于浏览器的可视界面进行定位
以上就是关于position的四个属性值
