css中的position属性

position 属性指定了元素的定位类型。
position 属性的值有5个：

1. static（默认）
2. relative（相对定位）
3. absolute（绝对定位）
4. fixed（窗口）
5. sticky（粘性定位）
   元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。
   

static

HTML 元素的默认值，即没有定位，遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响。

relative（相对定位）和absulote（绝对定位）

CSS position 相对定位和绝对定位

relative：相对于原来位置移动，元素设置此属性之后仍然处在文档流中，不影响其他元素的布局
absolute:定位是相对于离元素最近的设置了绝对或相对定位的父元素决定的，如果没有父元素设置绝对或相对定位，则元素相对于根元素即html元素定位。设置了absolute的元素脱离了文档流，元素在没有设置宽度的情况下，宽度由元素里面的内容决定。脱离后原来的位置相当于是空的，下面的元素会来占据位置。
脱离文档流的效果 类似于 word 里面的图片