一、定位的属性值
通过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设定。