元素的定位属性
定位模式
选择器{position: 属性值;}
postition属性的常用值
static 自动定位
relative 相对定位，相对于其源文档流的位置进行定位
absolute绝对定位，相对于上一个已将定位的父元素定位
fixed 固定定位，相对于浏览器窗口进行定位
相对定位
.box2{
position: relative;
right: -30px;
top: -30px;
}
绝对定位
子绝父相
.wrap{
background-color: #09c;
width: 400px;
position: relative;
}
.close{
width: 20px;
height: 20px;
position: absolute;
top: 0;
right: 0;
}
z-index层叠等级属性
当对多个元素同时设置定位时，定位元素之间有可能发生重叠
在css中，要想调整重叠定位元素的堆叠顺序，可以对定位元素应用z-index层叠等级属性，其取值可为正整数，负整数和0
z-index的默认值属性值是0，取值越大，定位元素在层叠元素中越居上。
定义靠后的，默认在之前的元素之上。不要滥用z-index;
父容器的z-index会影响子元素的层级级别。
