css-定位属性position

position顾名思义，位置的意思，他的属性就是规定元素定位的类型。

有4个值：static、relative、absolute、fixed。

一、position:static

static 是默认值，也就是没有定位。

二、position:relative

relative相对定位，相对于正常位置进行定位。（相对于以前的位置移动，但是人走了，坑还在占位）

三、position:absolute

absolute绝对定位，相对于 left、right、top、bottom 属性相对于其最接近的一个具有定位属性的父元素进行定位。（人走了原来坑也不在了）

注意：如果不存在这样的父元素，则相对于 body 元素，即相对于浏览器窗口。

四、position:fixed

fixed固定定位，该元素相对于浏览器窗口进行定位，不会随浏览器窗口的滚动条滚动而变化，也不会受文档流动影响，而是始终位于浏览器窗口内视图的某个位置。

最后，如果还是分不清楚，记住四个字：子绝父相。也就是说，父级元素用相对定位，子元素用绝对定位。