CSS层定位（相对定位，绝对定位，固定定位）

CSS 定位 (Positioning) 属性允许你对元素进行定位。

通过使用 position 属性，我们可以选择 4 种不同类型的定位，这会影响元素框生成的方式。

position 属性值的含义：

static
没有定位，元素出现在正常的流中top, bottom, left, right ， z-index无效
relative
相对于其直接父元素进行定位top,bottom,left,right，z-index有效
absolute
相对于 static 定位以外的第一个父元素进行定位top, bottom, left, right ， z-index 有效
fixed
相对于浏览器窗口进行定位top, bottom, left, right ， z-index 有效

属性	描述
position	把元素放置到一个静态的、相对的、绝对的、或固定的位置中
top	top 定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移
right	定义了定位元素右外边距边界与其包含块右边界之间的偏移
bottom	定义了定位元素下外边距边界与其包含块下边界之间的偏移
left	定义了定位元素左外边距边界与其包含块左边界之间的偏移
overflow	设置当元素的内容溢出其区域时发生的事情
clip	设置元素的形状。元素被剪入这个形状之中，然后显示出来
vertical