相对定位和绝对定位

一、定位的属性值

通过position的四种不同的属性值对元素框再文档流中进行定位

1.static

默认定位，会将元素框正常的融入到文档流中，忽略z-index，top，right，bottom，left的声明。

2.relative

相对定位，元素框偏移某个位置，它原本所占的空间仍然保留，是参照原本的位置进行设定偏移。元素的位置可以通过z-index，top，right，bottom，left设定。

3.absolute

绝对定位，元素框会脱离文档流，相对于最近的祖先元素进行定位，如不存在祖先元素，则相对于最初的包含块。原来占据的空间会被其他相邻元素框占领，而本身会覆盖其他元素框。元素的位置可以通过z-index，top，right，bottom，left设定。

4.fixed

固定定位，元素会相对于浏览器窗口进行定位，元素的位置可以通过z-index，top，right，bottom，left设定。