CSS中的定位

static定位

position:static
是元素在文档流中的默认定位，一般不会显示写出来，他会按照先后顺序排列元素。

fixed 定位

position: fixed
，跟他的名字一样，使用这个定位，可以让元素钉
在屏幕可视区域中，定位也是 相对于可视区域定位的。

relative相对定位

position:relative
，文档脱离文档流，但文档原本的位置还会占用，此时可以使用left: 20px; top: 100px
对元素定位，这个偏移是以元素原本的位置为参考的。

absolute 绝对定位

position: absolute
，文档脱离文档流，并删除元素占用的文档流，此时可以使用left: 20px; top:100px
对元素进行定位，这个偏移是以离元素最近的一个有定位(relative,absolute,fixed)的父元素
为参考的。